WebGLとCanvas2Dを併用してみる - Qiita
WebGLとCanvas2Dを併用できないかな〜とぼんやり考えてたら、以下のAPIを見つけました。 ・Canvasリファレンス なんと第1引数のimageにimg要素、canvas要素、video要素が指定できるとっ！ これで描画して更新すれば、canvas2DにWebGL描画できそうなのでやってみました。 WebGL描画をCanvas2Dに描画 ソースはこんな感じです。 ここには書いてないですが、別途WebGLのcanvasをgetElementByIdし、変数canvasを渡しておきdrawImageの第1引数に指定します // WebGLのcanvasとは別に、2D用のcanvasタグをHTML側に作って参照する var can_2d = document.getElementById("2dcanvas"); var ctx_2d = can_2d.getContext("2d")
「原神」がMMDモデルを配信してくれたので、JavascriptでMMDビューアを作った - Qiita
原神のホームページで、MMDファイルを公開してくれました。太っ腹！ 原神のキャンペーン公式サイトの紹介記事 https://www.gamespark.jp/article/2020/10/08/102819.html なので、これを機会に、JavascriptでMMDファイルを表示するビューアページを作ってみようと思います。 原神のキャンペーン公式サイト(中国語) http://ys.biligame.com/gczj/ ここから、MMDファイルをダウンロードします。 ※現在は以下からダウンロードできます。 https://genshin.mihoyo.com/ja/news/detail/5885 MMDファイルの表示には、three.jsにあるMMDLoaderを使いました。 mrdoob/three.js https://github.com/mrdoob/three.js という
three.js でMMDを使う
var mesh, camera, scene, renderer; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; window.onload = function() { init(); render(); }; function init() { // シーンの作成 scene = new THREE.Scene(); // 光の作成 var ambient = new THREE.AmbientLight(0xeeeeee); scene.add(ambient); // 画面表示の設定 renderer = new THREE.WebGLRenderer({ alpha: true }); renderer.setPixelRatio(window.devicePixelRat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://x.com/shiba_program/status/1945438279396196620?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/deadrabbbbit/status/1940235027192950880?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/riku720720/status/1815366352468894145?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - adrianhajdin/iphone: Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.
https://x.com/tomonorix0805/status/1768493729441271809?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - bgstaal/multipleWindow3dScene: A quick example of how one can "synchronize" a 3d scene across multiple windows using three.js and localStorage
