Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

- OSC - SESSIONS 2025 Realtime Graphics WebGL 64KB Intro #SESSIONS_Party #webgl

ore_ukonpower's profile picture

ukonpower

2,562 subscribers

14,914 görüntüleme • 10 ay önce •via X (Twitter)

#SESSIONS_Party#webgl
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

EvilRyu profil fotoğrafı
EvilRyu10 ay önce

my favorite!

Renaud profil fotoğrafı
Renaud10 ay önce

たこ焼きちゃんと友達になりたい

ukonpower profil fotoğrafı
ukonpower10 ay önce

なりましょう🤝🤝🤝

ukonpower profil fotoğrafı
ukonpower10 ay önce

live demo🔥

ukonpower profil fotoğrafı
ukonpower10 ay önce

64KB おすしでした！ 構成はいつも通り、 TypeScript/WebGL/terser/ShaderMinifier/compeko/OREngine です。

ukonpower profil fotoğrafı
ukonpower10 ay önce

OSCのシーン構成とアニメーションはこれまで同様、Blenderを用いて作成しています。BLidgeと呼ばれる自作アドオンを通してブラウザとの連携を行っています。 このアドオンも絶妙に使いづらいので、ガチャガチャいじってはぶっ壊しながらの開発となりました。 #SESSIONS_Party

ukonpower profil fotoğrafı
ukonpower10 ay önce

作成したお寿司などはコンポーネントとして管理していて、ブラウザのエディタ(OREngine)で各エンティティにアタッチします。 今回のデモづくりにあたってワイヤーフレーム表示と(かろうじて)プレビュー上でのオブジェクト選択の機能が追加されました :happy: #SESSIONS_Party

ukonpower profil fotoğrafı
ukonpower10 ay önce

ブラウザエディタ画面のプレイグラウンドを公開したので、グリグリ見てみると面白いかもしれません #SESSIONS_Party

ukonpower profil fotoğrafı
ukonpower10 ay önce

今回使ったコンポーネントリスト

ukonpower profil fotoğrafı
ukonpower10 ay önce

あとファイルサイズの占有率 (rollup-plugin-visualizer)

Benzer Videolar

- RE:ORE - 読み方: アールイー・オレ WebGL 64KB Intro 1st place at Realtime Graphics SESSIONS 2024 #SESSIONS_Party #webgl
2:19

- RE:ORE - 読み方: アールイー・オレ WebGL 64KB Intro 1st place at Realtime Graphics SESSIONS 2024 #SESSIONS_Party #webgl

ukonpower

25,474 görüntüleme • 2 yıl önce

0b5vr GLSL Techno Live Set 7 minutes of GLSL techno journey with a VJ graphics. in a 64KB WebGL Intro. Appeared in the Revision 2023 PC 64K Intro Compo.
2:05

0b5vr GLSL Techno Live Set 7 minutes of GLSL techno journey with a VJ graphics. in a 64KB WebGL Intro. Appeared in the Revision 2023 PC 64K Intro Compo.

0b5vr

106,874 görüntüleme • 3 yıl önce

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)
3:24

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)

🌈 George Corney

72,466 görüntüleme • 2 yıl önce

"EGOF" by がむ & kazpulse @ M3春 コ-32a 2nd Place in Realtime Graphics Competition at #SESSIONS_Party 2025 SESSIONS 2025 (12/13-14開催!!) 2025のリアルタイムGraphicsコンポで2位に入賞しました！ Speed Garageの曲にオーディオビジュアライザーとVJをコンセプトにした映像をつけました🔥
3:27

"EGOF" by がむ & kazpulse @ M3春 コ-32a 2nd Place in Realtime Graphics Competition at #SESSIONS_Party 2025 SESSIONS 2025 (12/13-14開催!!) 2025のリアルタイムGraphicsコンポで2位に入賞しました！ Speed Garageの曲にオーディオビジュアライザーとVJをコンセプトにした映像をつけました🔥

がむ

10,219 görüntüleme • 10 ay önce

Webgl 2 Virtual Geometry (UE5 Nanite like) #webgl
1:00

Webgl 2 Virtual Geometry (UE5 Nanite like) #webgl

Nicolas Riciotti

127,851 görüntüleme • 2 yıl önce

As promised, more insights on the webgl raytracer. It is based on this article/paper by Tero Karras: It uses Morton code to build a BVH binary radix tree on the GPU in realtime. #webgl #bvh #raytracing
0:35

As promised, more insights on the webgl raytracer. It is based on this article/paper by Tero Karras: It uses Morton code to build a BVH binary radix tree on the GPU in realtime. #webgl #bvh #raytracing

Nicolas Riciotti

44,097 görüntüleme • 3 yıl önce

WebGL portfolio is live! Designed and developed by me Link below #glsl #webgl #threejsJourney
0:50

WebGL portfolio is live! Designed and developed by me Link below #glsl #webgl #threejsJourney

Michal Zalobny

120,595 görüntüleme • 3 yıl önce

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl
0:24

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl

Aj

659,121 görüntüleme • 2 yıl önce

Angry WebGL blanket. Would like to learn more about state of the art realtime cloth simulation in JS/WebGL? Planning a full case study for our recent H&M project with demos and code. Like, RT and follow if you don't want to miss it! #creativecoding
0:40

Angry WebGL blanket. Would like to learn more about state of the art realtime cloth simulation in JS/WebGL? Planning a full case study for our recent H&M project with demos and code. Like, RT and follow if you don't want to miss it! #creativecoding

Marcin Ignac

18,724 görüntüleme • 2 yıl önce

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs
0:45

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

Junichiro Horikawa

27,374 görüntüleme • 1 yıl önce

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart
0:30

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart

Daniel Lever

41,654 görüntüleme • 3 yıl önce

raspberry in Three.js #webgl
0:30

raspberry in Three.js #webgl

Luigi De Rosa

67,075 görüntüleme • 27 gün önce

It was great to work on this one w/ Resn, especially on that "Molten Grid" effect using WebGL and SDF — #webGL #threejs #UI
0:20

It was great to work on this one w/ Resn, especially on that "Molten Grid" effect using WebGL and SDF — #webGL #threejs #UI

Giom

20,400 görüntüleme • 2 yıl önce

Realtime global illumination and ambient occlusion in WebGL2 & ThreeJS. CPU for voxelization, voxels for far-field global illumination, N8AO for near-field global illumination. #threejs #webgl #gi
0:20

Realtime global illumination and ambient occlusion in WebGL2 & ThreeJS. CPU for voxelization, voxels for far-field global illumination, N8AO for near-field global illumination. #threejs #webgl #gi

N8 Programs

31,599 görüntüleme • 2 yıl önce

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl
0:24

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl

0beqz

85,214 görüntüleme • 3 yıl önce

A little experiment with WebGL water physics
0:21

A little experiment with WebGL water physics

Oscar Dumlao

29,351 görüntüleme • 2 ay önce

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.
0:35

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Three.js

25,516 görüntüleme • 1 yıl önce

🚀 Our latest WebGL project is out! Introducing Equinox, an interactive space adventure that will take you to the stars. ✨ Embark now: #webgl #threejs
0:46

🚀 Our latest WebGL project is out! Introducing Equinox, an interactive space adventure that will take you to the stars. ✨ Embark now: #webgl #threejs

Little Workshop

64,444 görüntüleme • 2 yıl önce

One-shotted WebGL website by Kimi K2.6 😭
0:28

One-shotted WebGL website by Kimi K2.6 😭

Crystal

44,313 görüntüleme • 6 ay önce