Coding: Post process effect смотреть онлайн

In this tutorial, we are going to add post-processing effects to our game. We will add effects like bloom, blur, depth-of-field, vignette and more using BabylonJS DefaultRenderingPipeline.

*KYRA GAME*
Demo - https://kyra-demo.voxelcubes-games.com
Source Code(GitHub) - https://github.com/Voxelcubes-Studios/kyra-game

*VOXELCUBES STUDIOS*
3D Marketplace - https://voxelcubes.com
Gem - https://voxelcubes.com/store/(modal:model-detail/62b8f5b36bd3eb0015c96662)
Artstation - https://www.artstation.com/voxelcubes
Sketchfab - https://sketchfab.com/voxelcubes
Pinterest - https://www.pinterest.co.uk/voxelcubes
Blender Addon - https://github.com/Voxelcubes-Studios/voxelcubes-tools-blender
Substance Addon - https://github.com/Voxelcubes-Studios/voxelcubes-tools-substance
BabylonJS Starter Project - https://github.com/Voxelcubes-Studios/babylonjs-starter-project-ts

*VOXELCUBES GAMES*
Dashboard - https://voxelcubes-games.com
Coco Bunny: The Game - https://cocobunny.voxelcubes-games.com

*BABYLONJS*
Home Page - https://www.babylonjs.com
BabylonJS Native - https://www.babylonjs.com/native
BabylonJS React Native - https://www.babylonjs.com/reactnative
Sandbox(3D Viewer) - https://sandbox.babylonjs.com
Node Material Editor - https://nodematerial-editor.babylonjs.com
GUI Editor - https://gui.babylonjs.com
Playground - https://playground.babylonjs.com
IBL Tool - https://www.babylonjs.com/tools/ibl
Shader Creator - https://cyos.babylonjs.com
Resources - https://doc.babylonjs.com/toolsAndResources/assetLibraries/availableTextures
Post Process Doc - https://doc.babylonjs.com/features/featuresDeepDive/postProcesses/usePostProcesses
Environment Doc - https://doc.babylonjs.com/features/featuresDeepDive/environment/environment_introduction
PBR Doc - https://doc.babylonjs.com/features/featuresDeepDive/materials/using/masterPBR
PBR Adv. Doc - https://doc.babylonjs.com/features/featuresDeepDive/materials/using/introToPBR
GUI Editor Doc - https://doc.babylonjs.com/toolsAndResources/guiEditor
HDR Environment For PBR Doc - https://doc.babylonjs.com/features/featuresDeepDive/materials/using/HDREnvironment
Node Material Editor Doc - https://doc.babylonjs.com/toolsAndResources/nme

*FREE 3D MODELS*
3D Models - https://voxelcubes.com/store
Kyra(FREE 3D Model) - https://voxelcubes.com/store/(modal:model-detail/643c8d17b5292a00107c581a)

*CHARACTER RIGGING & ANIMATION TOOLS*
Mixamo Auto Rigger - https://www.mixamo.com/#/
Mixamo Blender Addon - https://substance3d.adobe.com/plugins/mixamo-in-blender

*3D MODELLING TOOLS*
Blender 3D - https://www.blender.org
TexTools - https://github.com/SavMartin/TexTools-Blender/releases
Blender Market - https://blendermarket.com
Clara.IO - https://clara.io

*3D TEXTURING TOOLS*
Substance Painter - https://www.adobe.com/uk/products/substance3d-painter.html
GIMP - https://www.gimp.org
HDRI to CUBEMAP - https://matheowis.github.io/HDRI-to-CubeMap
ArmorPaint - https://armorpaint.org

*3D SCULPTING TOOLS*
SCULPTGL - https://stephaneginier.com/sculptgl

*AI GENERATOR TOOLS*
Blockade Labs (Skybox) - https://skybox.blockadelabs.com
ChatGPT(Code Snippet) - https://chat.openai.com

*SOUND TOOLS*
Audacity(Sound Editor) - https://www.audacityteam.org
Freesound(Sound Effect) - https://freesound.org/search/?q=grass&page=3#soundcloud

*GAMEPAD TOOLS*
https://greggman.github.io/html5-gamepad-test
https://gamepad.e7d.io/?triggers=opacity&background=dimgrey&type=ds4&color=black

*DEV TOOLS*
VSCode Editor - https://code.visualstudio.com
Shader Editor - https://shadered.org
NodeJS - https://nodejs.org/en
Electron(For Desktop) - https://www.electronjs.org

*WEB FRAMEWORKS*
Angular - https://angular.io
React - https://react.dev
Vue - https://vuejs.org
Svelte - https://svelte.dev

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/monument-music/i-am-not-alone