デザインおしゃれ手帳

学生時代のツケ はじめに 前回はTweenを使ってオブジェクトを整列させてみました。今回はオブジェクトを球状に並べます。three.jsの公式サイトを参考にさせてもらいました。 ↓こちらが完成したもの ...

カッコいい！！ はじめに ツイーンでもなく、ツウィーンでもなく、トゥウィーンでもなく、トゥイーンだそうです。 Tween.jsというJavaScriptのライブラリがあります。これを使うとプロパティの ...

すべてはこの時のために。 はじめに はい。ついに来ました。この時が。 コレやりたくてJavaScriptの勉強していたと言ってもいいぐらいコレやりたくて。 やりたかったのがコレ デモサイトはこちら。 ...

よくできました。 はじめに Three.jsでブラウザ上に3D空間を映し出します。大きな画面で見るとこんな感じ。 でもスマホみたいな縦長の画面にすると横がはみ出てしまいます。 ほら。僕らの宇宙船地球号 ...

いい！ はじめに 3D空間上の物体に画像を貼り付けてみます。ついでに、前回サラッと流してしまったThree.jsの基本的なところの解説も。 できあがり デモサイトはこちら。 暗闇に浮かぶ美女の顔…。ス ...

こりゃハマる はじめに 奥行きのあるwebサイト作りたいなぁと思いながら勉強してたんですけど、見つけてしまいました。Three.jsを。 Three.jsとは ブラウザ上で3D表現をするための「Web ...

お？これは使えそうじゃない？ はじめに 前回の記事で「matrix3dを使う時がきた」って言ってたけど、やっぱり使いませんでした。はい。今回はタイトルにもある通り、奥から手前に向かってくるヤツを作りた ...

ムダじゃなかった はじめに 以前の記事で"matrix3d"について調べたことがあります。その時は結局使わずに問題が解決しましたが、ついに来た。この時が。今回はある要素のZ座標を取得します。まずはコン ...

ステキやん はじめに 2021年になりました。明けましておめでとうございます。寒い日が続きますが、僕が住んでいる地域では雪はめったに降りません。娘に雪をみせてあげたい。その一心でコレを作り上げました。 ...

苦労したわりに… はじめに 前回調べた"matrix3d"。結局使いませんでした。コード書いてるうちに自然に問題が解決した感じです。「あれ？できてるじゃん」って。というワケでできました。web"ページ ...