Vue.jsとHTMLとCSSで3Dアクアリウムを作ってみた - Crieit

テクノロジーカテゴリーの変更を依頼記事元:

crieit.net

341 usersがブックマークコメント

コメント

19

記事へのコメント19件

注目コメント
新着コメント

ifttt "記事の最後に操作できるCodePenを配置してあるので読むのが面倒な方はそちらを見てしまってください（大泣きしながら）。" そんなことで泣くなよ！

2018/07/18 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Vue.jsとHTMLとCSSで3Dアクアリウムを作ってみた - Crieit

ブラウザで見ることができる3Dアクアリウムを作ってみました。この3Dの実装は基本的にはHTMLとCSSだけ... ブラウザで見ることができる3Dアクアリウムを作ってみました。この3Dの実装は基本的にはHTMLとCSSだけで出来ています。canvasも使っていません。Vue.jsも使っていますが、魚を泳がせたり視点を変更するための用途のため、3D描画自体にはあまり関係ありません。記事の最後に操作できるCodePenを配置してあるので読むのが面倒な方はそちらを見てしまってください（大泣きしながら）。作り方 HTML HTMLは単にそれぞれの素材を配置しているだけです。 <div id="app" @mousemove="onMouseMoved" @touchmove="onMouseMoved"> <div class="container" :style="rotation"> <img class="bg" src="bg.jpg"> <img class="water front" src=

ブックマークしたユーザー

techtech05212024/02/13
gazza0692022/10/06
buddha012021/06/03
sedna7962020/01/01
ihok2018/12/05
morimop2018/08/19
tarbo2018/08/16
fuyu772018/07/25
pergere2018/07/24
nosoosso2018/07/21
tyru2018/07/20
yut1482018/07/20
korin2018/07/19
f-suger2018/07/19
hirokideath2018/07/19
ddt20002018/07/19
shin_sk2018/07/19
hit-the-light13262018/07/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx