Fable 5 Opus 4.8 Before Fable 5 was disabled, I asked Fable to build a landing page for a coffee store that showcases three models: Fable 5, Opus 4.8, and Sonnet 4.6. I didn’t want to leave things unfinished, so I’m using Opus 4.8 today to make iterations and add the final touches. My favorite part is the interactive liquid hero, a WebGL fluid simulation. I can pour in matcha latter to fill the hero section. Fable helped me build the core interaction before it got shut down. 

How I build with Claude Fable 5👇 1. WebGL line particles = the hyperspeed tunnel every energy brand wants 2. Vanishing point = particles moving along the z-axis toward camera 3. Additive blending = light beams glow brighter where they stack 4. Bloom post-processing = flat pixels become cinematic light bleed 5. Navy plus electric cyan = highest contrast energy palette 6. requestAnimationFrame = tunnel feels alive and infinite Save this 🔵

I need to be explore doing more interactive stuff like this, rather than static sites. It’s a whole other level! Is it a specific skill eg. WebGL that creates these effects?

Now this animation is available for the 1000 sequences decomposed on my website. Accessible from the 3Dgraph, 2Dgraph500terms and 2dgraphs pages ➡️ decompwlj.com #decompwlj #math #mathematics #sequence #OEIS #numbers #3D #javascript #threejs #webGL #graph #animation

4: The palindromes in base 10 (A002113) ➡️ decompwlj.com/3DgraphGen/Pal… #decompwlj #math #mathematics #maths #sequence #OEIS #javascript #threejs #webGL #3D #palindromes #numbers #graph #animation

3: The triangular numbers (A000217) ➡️ decompwlj.com/3DgraphGen/Tri… #decompwlj #math #mathematics #maths #sequence #OEIS #javascript #threejs #webGL #3D #triangular #numbers #graph #animation

2: The prime numbers (A000040) ➡️ decompwlj.com/3DgraphGen/Pri… #decompwlj #math #mathematics #maths #sequence #OEIS #javascript #threejs #webGL #3D #numbers #primes #PrimeNumbers #graph #animation

do you have to draw the side and back manually? just fyi there are open source local models that could rotate the face drawing, so the user simply draws the face and using local WebGL could auto draw the sides and back. id be happy to collab and try and set this up.

do you have to draw the side and back manually? just fyi there are open source local models that could rotate the face drawing, so the user simply draws the face and using local WebGL could auto draw the sides and back. id be happy to collab and try and set this up

Exploring a 3D planet for a web design project. real-time WebGL. sliders to lock the look, then hand the AI exact values. very early, just seeing where it goes 🪐

先日公開した「WAVをアップロードするだけで波形・周波数・ラウドネスをリアルタイム解析し、Three.js/WebGLで3Dビジュアライザーを自動生成するWebアプリ」、Audio Reactive 3D Visualizerのソースコードを全てオープンソース化しました。 Datamosh・Glitch・Meltなどのエフェクト、背景画像カスタマイズ、1920×1080/30fps MP4書き出しまで、実装を丸ごとGitHubで公開しています。React/TypeScript/Cloudflare構成、MIT Licenseで改造・自分のサーバーへのデプロイも自由です。 Star・Fork・PRお待ちしています。 🔗 github.com/7g3n/phase-viz 🖥️ デモ: waveform.tranjectories.xyz (セットアップ手順はREADMEに記載しています) #個人開発 #OSS #ThreeJS #TypeScript #DTM #ボカロP

This is cool! Can you share what underlying technologies it used to build this? Is this a web experience made using Threejs / WebGL? Would be good to learn if you can share the prompt. Did you have to provide it the models or it found / procedurally generated all the models? The lighting is pretty sick too. What the prompt very intricate or just simple sentences without a specific know how?

Unity公式ドキュメント上、WebGL の Application.persistentDataPath は /idbfs/<hash> になり、この <hash> は ゲームページが置かれているディレクトリURLのMD5 から作られます。つまり更新で実行ディレクトリURLが変わると、Unityは別の保存領域を見に行きます。

I mean smth like DXVK, but translating DX to WebGL. Of course, I wasn't being entirely serious, there's no way it would run well... Still, it's likely something that has never been done before, and so it would be quite interesting to see done considering the technical challenges.

円相 omusuhi.info/069/index.html #GLSL #WebGL #CreativeCoding #generativeart #shaderart

glTFはWebGLで使いやすくする事を念頭に作られていて、ファイルはGPUにそのまま送れる頂点配列のバイナリと、それ以外の情報が書かれたJSONで構成されている。初期のglTFではこの2つのデータが別々のファイルになっていたが、glTF 2.0では両者を1つのファイルにパックできるglb形式が追加された

Wave Lights Demo and Source Code: codepen.io/sabosugi/full/KwN… #threejs #webgl #shader