Raymarching explained interactively
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
City In A Bottle – A 256 Byte Raycasting System
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
Emil Dziewanowski - Technical Artist
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 flow without
A Journey Into Shaders
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
Introducing posh: Type-Safe Graphics Programming with Functional Shaders in Rust
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
yonatan on Twitter: "float i,e,a,l,y;vec3 p,q,d=vec3((FC.xy-.5*r)/r.y,-1);for(d.xz*=rotate2D(t*.2);i++<2e2;e=max(min(++y,-e),y-3.)){i>1e… https://t.co/Nsw2hoiCvg"
float i,e,a,l,y;vec3 p,q,d=vec3((FC.xy-.5*r)/r.y,-1);for(d.xz*=rotate2D(t*.2);i++<2e2;e=max(min(++y,-e),y-3.)){i>1e… https://t.co/Nsw2hoiCvg
How to read shader assembly
Graphics programmer spending most of my waking hours making pixels prettier and faster. This blog is my scratchpad for graphics techniques I try and experiment with. The opinions expressed herein are my own. Follow @KostasAAA When I started graphics programming, shading languages like HLSL and GLSL were not yet popular in game development and shaders were developed straight in assembly. When HLSL
Unityで80年代風を表現してみる - KAYAC engineers' blog
80年代風作例。ユニティちゃんモデル及びシェーダーを使っています。© UTJ/UCL こんにちは! CL事業部の原です。 この記事は Tech KAYAC Advent Calendar 2019 の13日目です。 今回はUnityで80年代風を表現するということにチャレンジしてみました。 80年代風と言っても、レトロゲームを再現するという意味ではありません。 80年代風イラストの雰囲気を表現したいと思います。 80年代リバイバルブームとは ここ数年、80年代リバイバルな表現がファッションやデザイン、映画などでブームになっていたことはこれを読んでいるみなさんにも思い当たるところがあると思います。しかし、この現象を包括的にまとめたような記事文献は見つけることができませんでした。なので、個人的体験から80年代リバイバルブームを追ってみます。 80年代リバイバル表現との出会い：tofubeats
魔法使いになりたい人のためのシェーダーライブコーディング入門 - Qiita
とりあえずこの映像を見てください。 昨日の勉強会の懇親会中に20分間のライブコーディングでシェーダーを作りました！ 初めて人前でコーディングをしたんですが、めちゃくちゃ楽しかったです！！ （当日動かなかったpmod修正済です...） 差分 - q.x = abs(p.x ) - 10.; + q.x = abs(q.x ) - 10.;https://t.co/LH3TT4YzSU#klab_meetup pic.twitter.com/k61c3O2ZA1 — かねた (@kanetaaaaa) 2019年6月19日 20分間のライブコーディング映像フル 先日の #klab_meetup の懇親会で行った20分のライブコーディング映像を公開しました！ 実況解説は@gam0022 さんと@songofsaya_さんです 突発ながら面白い実況で場を盛り上げてくださって非常に楽しかったです！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FShade: first-class shaders for F#
Useful Functions for Shader Live Coding
GitHub - DeadlyRedCube/Cathode-Retro: A collection of shaders to emulate the display of an NTSC signal through a CRT TV
Inigo Quilez
GitHub - felipeagc/tinyshader: Small, easy-to-integrate shader compiler written in C99. Compiles HLSL to SPIR-V
My personal hell of translating DXIL to SPIR-V – finale – Maister's Graphics Adventures
GitHub - yoship1639/UniToon: Physically-based Toon Shader for game applications. Compliant with Unity standard rendering functions. It is not targeted to be multifunctional in order to keep performance, but to be universally usable.
Compressed GPU texture formats – a review and compute shader decoders – part 3/3 – Maister's Graphics Adventures
Linux in a Pixel Shader - A RISC-V Emulator for VRChat
GitHub - ColinLeung-NiloCat/UnityURPToonLitShaderExample: A very simple toon lit shader example, for you to learn writing custom lit shader in Unity URP
Getting started with shaders: signed distance functions!