non vorrei lavorare

2020年度からの小学校プログラミング教育の必修化を親として迎えるブロガーの書く、子供との日常

webgl

gopherくんのjsonデータがthree.jsのr85以降表示されなくてはまった

この記事は@kjunichiの2017年パーソナルアドベントカレンダーの19日目の記事です 。 (adsbygoogle = window.adsbygoogle || []).push({}); 背景 デスクトップマスコットのgopheronをWindowsでの謎の遅延現象を解決すべく、別ファイルになったCanvasレンダー…

オフスクリーンでWebGLを描画して、それをCanvasにコピーする

この記事は@kjunichiの2017年パーソナルアドベントカレンダーの17日目の記事です 。 (adsbygoogle = window.adsbygoogle || []).push({}); 背景 WindowsでElectronで透明ウインドウを使ってWebGLを使うと頻繁に異常に動きが遅くなる。 そこで、直接WebGLを描…

CI環境のNightmareでWebGLを動かす方法や、NightmareでWebGL 2.0を動かす方法

先日、長男と自分はドラえもんの映画を見に行き、その間、奥さんと次男は、駅で電車を眺めたり、 買い物をしていました。@kjunichiです。 (adsbygoogle = window.adsbygoogle || []).push({}); osmesaとは http://www.mesa3d.org/osmesa.html にあるようにOp…

emscriptenでOpenGL

おはようございます。長男が「花火、ドッカーンみたい」と去年、伊東で見た 花火大会を覚えているのかは定かでありませんが、花火をしきりに見たがっている@kjunichiです。 // OpenGLに対応してはいるようだが 何週遅れになるのかわからないが、CやC++をJava…

Three.jsでポリゴンを描画するには

Three.jsを始める 以前の記事でJavaScriptゴリゴリは気が進まない旨の事を書きましたが。Processing.jsではvertexでポリゴンを描画してもライティングが反映されません。 そんな訳で、Three.jsに手を出しました。 Three.jsでポリゴンを描画するには? ところ…

WebGLを手軽に試すには

WebGLを手軽に試すには // 先日、セキュリティ脆弱性が指摘されて、今後の動向が気になりますが、 WebGLのデモをみて俄然興味が湧いてしまいましたが、どうも不慣れなJavaScriptでゴリゴリ は気が進まなかったのですが、Processing.jsでレンダリングモードの…