Written by: Danny Spencer December 5, 2025 Updated February 8, 2026 Demonstration I made a Game Boy Color game that renders images in real time. The player controls an orbiting light and spins an object. Play it here Check out the code, download the ROMs https://github.com/nukep/gbshader 3D Workflow Early lookdev Before really diving into this project, I experimented with the look in Blender to se
An exploration of the mindset, methods, and motivations behind crafting tiny, expressive shaders that combine code, art, and constraint. Hi, I’m Xor. As a graphics programmer, my job is essentially to make pixels prettier using math formulas. I work on video effects like lighting, reflections, post-processing, and more for games and animated backgrounds in software. For fun, I like to unwind by wr
Intro In this article I want to correct a popular misconception that's been making the rounds in computer graphics aficionado circles for a long time now. It has to do with conditionals when selecting between two results in the GPUs. Unfortunately there are a couple of educational websites out there that are spreading some misinformation, and it would be nice correcting that. I tried contacting th
何とかして近代的なC++の言語機能を使ってシェーダを書けないか、色々な方法を試します これは2024年11月9日に行われた Kernel/VM探検隊@北陸 Part 7 での発表動画です 発表動画 : https://youtu.be/flH2Y6XoDZY ソースコード : https://gi…
Writing a shader that can reproduce the look and feel of aquarelle, watercolor, or gouache to obtain a more painterly output for my WebGL scenes has always been a long-term goal of mine. Inspired by the work of very talented 3D artists such as @simonxxoo or @arpeegee, the contrast between paintings and the added dimension allowed by 3D renderers was always very appealing to me. On top of that, my
Naive GI: A Foundation Building Real-Time Global Illumination Part 2: Radiance Cascades is now available. But read this post first! This is what we will build in this post. Drag around inside. Colors on the right - try toggling the sun! I'll be using three.js for this post and everything we discuss is written from scratch and entirely contained in the post / html. I wrote this with mdxish, so you
Introduction Raymarching is a 3D rendering technique popular in the demoscene and in websites like Shadertoy. One of the impressive things about demos is that there is no 3D geometry whatsoever. All the objects that make up the scene are generated in real time using mathematical functions. In this interactive tutorial, we will learn how the raymarching algorithm works from the ground up and create
Hello size coding fans. Today, I have something amazing to share: A tiny raycasting engine and city generator that fits in a standalone 256 byte html file. In this post I will share all the secrets about how this magical program works. Here’s my tweet that contains the code and a video of the output… A City in a Bottle 🌆 <canvas style=width:99% id=c onclick=setInterval('for(c.width=w=99,++t,i=6e3
Realistic is not necessarily the most convincing. Audio designers know that well and use frozen leeks and watermelons to create sounds of breaking bones and tearing flesh. Chalk shot from slingshot was safer alternative for actual firearms in old westerns. Fake doesn’t have to mean worse, especially when it is hard to tell the difference. With that in mind I will try to create complex flowfields w
Here is a list of some GLSL functions that I find to be very useful when shader live coding. For each function I've also described how I memorize them. This assumes an understanding of GLSL functions. Hope this helps! Rotate point around arbitrary axis vec3 erot(vec3 p, vec3 ax, float ro) { return mix(dot(ax, p)*ax, p, cos(ro)) + cross(ax,p)*sin(ro); } This function returns the point p rotated ro
This article is interactive: you can play with the code and sliders to interact with the shaders. Enjoy! What if I told you that it could takes just few lines of code to create graphics as simple as gradients or as complex as rain effects? Welcome to the world of shaders! I’ve been fascinated by shaders for a couple of years, but each time I attempted to dive into the subject, I felt like I was le
This article introduces posh, an experimental Rust graphics library aimed at enhancing the type-safety, composability, and overall experience of graphics programming. The post covers the fundamental concepts of posh, showcases examples, discusses related work and limitations of the approach, and, for readers who might be interested in details, delves into the internal workings of the library. posh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
