colorTexture.magFilter = THREE.NearestFilter;

webpackでexrファイルの読み込みは file-loaderにexrと記述するだけ { test: /\.(jpg|png|gif|exr|svg|gltf|glb)$/, use: [ { loader: 'file-loader', options: { outputPath: 'assets/images/', }, }, ], } nomalmapを使う時はEXRLoaderを使う this.exrload…

THREE.Object3D.add: object not an instance of THREE.Object3D. const loader = new GLTFLoader(); loader.load(glbmodel, (gltf) => { scene.add(gltf); }); 上のコードでエラーが出たので、 調べてみたら const loader = new GLTFLoader(); let example …

Node Wranglerのマテリアル設定で、WinだとShift + Ctrl + T が起動するがMacだとできない。 ということで、あまり情報がなかったので探してあったので載せます。 シェーダーエディターで Shift + W すると出てきた。 あと、横にありました。 www.reddit.com…

Node Wranglerのマテリアル設定で、WinだとShift + Ctrl + T が起動するがMacだとできない。 ということで、あまり情報がなかったので探してあったので載せます。 シェーダーエディターで Shift + W すると出てきた。 www.reddit.com

lpeg.info

spline.design はじめまして、@jdfGRm2XW3IBhXU です。 Splineのチュートリアル紹介です。 チュートリアルとして自分が学んだYoutuberの動画を貼っておきます。 EASILY Create Awesome 3D for the Web with Spline! main こちらはSplineの開始画面です。 Tab…

Green Sock greensock.com <script src="https://cdn.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> animejs animejs.com <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js"></script> https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js Darkmodejs dark…

Flaticon www.flaticon.com freeのiconを使うことができるツール PatternPad patternpad.com 幾何学模様が簡単に作ることができるツール Colorsandfonts www.colorsandfonts.com 色や文字など組み合わせなどが載っているツール SNAZZY MAP snazzymaps.com go…

Awwwards www.awwwards.com インターネット上のデザイン、創造性、革新に対する賞 CSSDesignAwards www.cssdesignawards.com デジタルフォーク、UI/UXのぞき見、そしてWebの刺激的なリーダーの ためのWebデザイン&開発賞プラットフォーム CSSWINNER www.cssw…

Apple developer.apple.com ヒューマンインターフェイスガイドライン macOSやiPhoneなどで使われるUIの色情報やタイポグラフィなどの文字情報などが載っているDeveloperガイドラインサイトである。 ※すべて英語で書かれている Google material.io マテリアル…

adobeそれは有名なデザインソフトツールを作る会社である。 そのadobeから出ているadobeXDの拡張機能がVScodeに追加されたのである。 Adobe XD for Visual Studio Code これはAdobeXDで作成された 色情報、 文字サイズ、 書体、 などがcssやsassのファイルに…

max() min() clamp() cssで@media screenを使っているのはもう古い！！ ということで続いておすすめのcssの書き方を紹介しよう〜！！ それがmin()とmax()とclamp()の関数だ！ サポートされていなのではないか？と思われるが、 https://caniuse.com/css-math-…

パッケージgh-pagesを使用 はじめにパッケージをインストールします． ~/react-sample/ $ npm install gh-pages --save-dev 次にpackage.jsonにスクリプトとホームページを追加します． ~/react-sample/package.json { "scripts": { "predeploy": "npm run b…

作成日[2020/4/10] はじめに こんにちは、けん@学生(@jdGRm2XW3IBhXU)です。 フロントエンドエンジニア兼デザイナーを目指しております。 今回、Reactを勉強をしており少し分かってきたので何か作成しながら学ぼうと思い、YouTubeで探したところポケモン図鑑…