-
今日は描画するタイルの優先度を調整した。画面の中央に近いタイルから描画するようにした。あと、地味にバグだった、ループした世界の境界で隣の世界のタイルが描画対象にならない問題も解消した。 http://shogonir.jp/mandelbrot-map
#マンデルブロ集合#mandelbrotset#webgl#webgl2#TypeScriptpic.twitter.com/7D9PCF87NB -
12リツイートもされて、嬉しくなって調子にのり、レイアウトを整えて宣伝リンクも追加した。 http://shogonir.jp/mandelbrot-map
#webgl#webgl2#webworker#typescript#マンデルブロ集合#mandelbrotsetpic.twitter.com/Cq9IHhteZl -
もう公開していいレベルになったので公開します。 ブラウザで動くマンデルブロ集合のビューアです。 Macのトラックパッド推奨ですがマウスで操作できますので、心ゆくまでマンデルブロ集合を観賞してみてください。
#webgl#webgl2#mandelbrotset#マンデルブロ集合 http://shogonir.jp/mandelbrot-map/ pic.twitter.com/CXxZZJXm8a -
めちゃくちゃ良い感じになってきた。細かい修正を結構いれた。 ・パフォーマンスチューニング ・x方向に世界がループする ・タイルの境界に線がチラつく問題を修正
#webgl#webgl2#マンデルブロ集合#mandelbrotsetpic.twitter.com/9eEO9Pt3UA -
これぞフラクタルって映像が撮れたー!楽しい!!着色のアルゴリズムを考え直せばもっとズームしても綺麗に見えるはず。
#マンデルブロ集合#mandelbrotset#webgl#webgl2#fractalpic.twitter.com/IOE7M7ceLA -
うーん、これでもかなりパフォーマンスましになった。特にテクスチャ作りきったあとはガクガクしにくくはなった。あとは原因なんだろうなー。
#webgl#webgl2 pic.twitter.com/nrDOZxsu10 -
描画したテクスチャを描画に反映することに成功した!現状の課題は、パフォーマンスがゴミ(インスタンスの使い回しが全然できてない)なのと、テクスチャを無限に作っちゃう実装になっていることかな。
#webgl#webgl2 pic.twitter.com/tO9PthOY0j -
Am I Right assuming that it won’t work on
#iOS#Safari because it needs#WebGL2?@googledevs#filament -
OK, one last tease before the launch next week. We are cooking up a web based cinematic shader visualiser. It can visualise the shaders (some) on
@Shadertoy through their API. Feel free to DM me for a test access before launch.#webgl#webgl2#threejs#cinematic#Shadertoypic.twitter.com/oJqpuUNb7G
-
一応画像をテクスチャに貼り付けて描画することができた。パフォーマンスがゴミだから、WebWorker + OffscreenCanvas + IndexedDBでなんとかしよう。
#webgl#webgl2 pic.twitter.com/k0kxM7pdPr
-
ブログの記事を投稿しました。 「TypeScriptとWebGLでポリゴンを描画する方法」
#typescript#webgl#webgl2#webpackhttp://blog.shogonir.jp/entry/2020/01/20/005229 … -
This super impressive
#WebGL2 demo from@playcanvas and@mozilla gives a glimpse into the future of web game and digital interactionshttp://aftertheflood.playcanvas.com/ -
http://luma.gl example: Wandering Wandering animation of instanced triangles using transform feedback. https://luma.gl/examples/showcase/wandering/ …
#webgl#webgl2#datavisualizationpic.twitter.com/bhdiqNO4V5
-
視界を赤い点線で描画し、その視界内の全てのタイルを描画することに成功した。多分同じタイルを2回も3回も描画してる気もするけどそれは秘密。きてますねこれは。
#webgl#webgl2 pic.twitter.com/3oZVRIEQn9 -
http://luma.gl example: Program Management Using http://luma.gl 's program manager to cache and reuse GLSL programs. https://luma.gl/examples/api/program-management/ …
#webgl#webgl2#datavisualizationpic.twitter.com/w1IPFmT6B5
-
視界の端の赤い点が重なるタイルを判定して描画できた。3D回転にもちゃんと対応できている。あとはこのタイル達に囲まれたタイルも描画できるようになれば、視界周りはかなり良い感じになる。
#webgl#webgl2 pic.twitter.com/ba19ODSKdm -
http://luma.gl example: Animation Using http://luma.gl 's simple timeline and keyframe animation system. https://luma.gl/examples/api/animation/ …
#webgl#webgl2#datavisualizationpic.twitter.com/rIfR8V1BBG
-
http://luma.gl example: Instanced Transform Animating instanced cubes using transform feedback. https://luma.gl/examples/getting-started/instanced-transform/ … Tutorial: https://luma.gl/docs/getting-started/instanced-transform …
#webgl#webgl2#datavizpic.twitter.com/OIenfR3Kvu
Čini se da učitavanje traje već neko vrijeme.
Twitter je možda preopterećen ili ima kratkotrajnih poteškoća u radu. Pokušajte ponovno ili potražite dodatne informacije u odjeljku Status Twittera.