GEngine一个基于WebGPU的渲染引擎

这篇具有很好参考价值的文章主要介绍了GEngine一个基于WebGPU的渲染引擎。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、废话篇:
2019年时候就有写一个渲染引擎想法,一直到现在才真正意义上算给实现了当初的想法,写了好几个月了和小伙伴这才有个初版(虽然里面还有一堆bug哈,没时间改啊)。说在前面GEngine借鉴了其他渲染引擎思路与代码(毕竟要站在巨人肩膀上,别在那说你就是抄别人代码,我就抄了咋了气死你,有本事你也抄,不接受反驳),你要让我说GEngine的优势是啥?好像也没啥优势哈哈,写的稍微比较全外带纯wgsl算是优势!!!,代码风格类似于three.js组织方式。渲染方式不是采用three.js那种场景树的方式,而是drawCommandList的方式,后处理只写了一个简单的Bloom,GLTF目前还没有处理动画。渲染预留延迟渲染,还没写。。。总而言之可看可贡献(也欢迎大家贡献代码,呃呃呃,好像我现在连api用法都没写,架构图也没画,先看着,后面补上),希望各位git上给个star,感谢哈。。。
二、feature:

  • [✔] Camera
    • [✔] PerspectiveCamera
    • [✔] OrthographicCamera
  • [✔] Math
  • [✔] control
    • [✔] OrbitControl
  • [✔] Light
    • [✔] AmbientLight
    • [✔] DirectionalLight
    • [✔] PointLight
    • [✔] SpotLight
  • [✔] Loader
    • [✔] GLTFLoader
    • [✔] CubeTextureLoader
  • [✔] Materials
    • [✔] ColorMaterial
    • [✔] Material
    • [✔] PbrMaterial(IBL/Light Render)
    • [✔] BlinPhongMaterial
    • [✔] ShaderMaterial
    • [✔] SkyBoxMaterial
  • [✔] Post-Effect
    • [✔] BloomPostEffect
      三、renderer

      GEngine一个基于WebGPU的渲染引擎
      PBR(IBL)

      GEngine一个基于WebGPU的渲染引擎
      PBR(IBL)
      GEngine一个基于WebGPU的渲染引擎

PBR(IBL)
GEngine一个基于WebGPU的渲染引擎

PBR(IBL)
GEngine一个基于WebGPU的渲染引擎

PBR(IBL)
GEngine一个基于WebGPU的渲染引擎

BlinnPhongMaterial

GEngine一个基于WebGPU的渲染引擎

SpotLight
GEngine一个基于WebGPU的渲染引擎

DirectionalLight
GEngine一个基于WebGPU的渲染引擎

DirectionalLightShadowMap

GEngine一个基于WebGPU的渲染引擎

SpotLightShadowMap

四、代码地址:
1、git:
https://github.com/GEngine-js/GEngine
2、demo:
https://gengine-js.github.io/Docs/文章来源地址https://www.toymoban.com/news/detail-478007.html

到了这里,关于GEngine一个基于WebGPU的渲染引擎的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 轻量封装WebGPU渲染系统示例<11>- WebGP实现的简单PBR效果(源码)

    轻量封装WebGPU渲染系统示例<11>- WebGP实现的简单PBR效果(源码)

    当前示例源码github地址: https://github.com/vilyLei/voxwebgpu/blob/main/src/voxgpu/sample/SimplePBRTest.ts 此示例渲染系统实现的特性: 1. 用户态与系统态隔离。          细节请见:引擎系统设计思路 - 用户态与系统态隔离-CSDN博客 2. 高频调用与低频调用隔离。 3. 面向用户的易用性封装。

    2024年02月06日
    浏览(12)
  • Web端3D轻量化引擎基于PBR渲染——仿真模拟更逼真

    Web端3D轻量化引擎基于PBR渲染——仿真模拟更逼真

    HOOPS Communicator在2021版本中,推出了基于PBR(Physically Based Rendering)的渲染特性以提供更高质量的渲染技术。 PBR将材料表示为一系列方程,这些方程对光如何从表面反射进行建模,再通过GPU上运行的着色器代码进行有效地实现。 一、工程领域可视化问题停滞严重 在过去的30年

    2024年02月08日
    浏览(14)
  • 如何用Python做一个聊天程序(1)(没废话,超实用!)

    如何用Python做一个聊天程序(1)(没废话,超实用!)

    以前我用过编程猫的Coco编辑器做过一个聊天App,但感觉不是很爽,处处都要受到限制。于是我按照我在编程猫上的思路,用Python制作了一个聊天程序。 下载一个MySQL数据库,并做好处理。这个数据库相当于整个程序的服务端。 客户端使用tkinter的GUI制作,主要功能包括:收信

    2024年02月05日
    浏览(14)
  • 基于MSTest框架创建一个简单的C#单元测试(Visual Studio 2019版)

    基于MSTest框架创建一个简单的C#单元测试(Visual Studio 2019版)

    目录 1、环境准备 2、创建一个被测试项目 3、创建单元测试项目 4、执行测试 5、说明   环境: IDE: Visual Studio 2019 单元测试框架:MSTest .NET 版本:.NET Core 3.1 Test.Sdk版本:Microsoft.NET.Test.Sdk 16.9.4 目的: 编写单元测试方法以验证   BankAccount   类的   Debit   方法,至少需要检查

    2023年04月26日
    浏览(12)
  • 如何做一个基于 Python 的搜索引擎?

    1、确定搜索引擎范围和目标用户 在决定做一个基于Python的搜索引擎之前,首先需要确定搜索引擎的范围和目标用户。搜索引擎的范围可以包括新闻、商品、音乐等,不同的领域需要不同的数据来源和处理方式。同时,也需要考虑目标用户的需求,例如用户搜索的内容、搜索

    2024年02月07日
    浏览(10)
  • 一个基于python的文本搜索引擎的设计和实现

    下面是一个简单的搜索引擎的架构设计,包含了主要的组件和它们之间的关系。 该搜索引擎架构包括以下组件: 用户界面:这是用户与搜索引擎交互的部分,用户输入查询,并通过用户界面得到搜索结果。 查询处理器:这是搜索引擎的核心组件,负责处理用户查询,

    2024年02月05日
    浏览(13)
  • 计算机视觉与图形学-神经渲染专题-第一个基于NeRF的自动驾驶仿真平台

    计算机视觉与图形学-神经渲染专题-第一个基于NeRF的自动驾驶仿真平台

    如今,自动驾驶汽车可以在普通情况下平稳行驶,人们普遍认识到,真实的 传感器模拟将在通过模拟解决剩余的极端情况方面发挥关键作用 。为此,我们提出了一种基于神经辐射场(NeRF)的自动驾驶模拟器。与现有作品相比,我们的作品具有三个显着特点:(1) 实例感知

    2024年02月12日
    浏览(12)
  • unity 2019 内置渲染管线 光照与Lighting面板 参数详解

    unity 2019 内置渲染管线 光照与Lighting面板 参数详解

    本文仅讨论内置渲染管线,高清渲染管线和通用渲染管线不在讨论范围之内 内置渲染管线就是最普通的工程自带的渲染管线 本文使用的Unity版本为2019.4 ,。如果你的版本不同,参数和参数的功能可能不同。 由于作者并非专业技美,只是一个苦逼的码农,难免有错误,请大佬

    2024年02月17日
    浏览(9)
  • 【GAMES-104现代游戏引擎】4、引擎渲染基础(渲染基础数据、全局光照、PBR、阴影)

    【GAMES-104现代游戏引擎】4、引擎渲染基础(渲染基础数据、全局光照、PBR、阴影)

    游戏渲染的挑战 一个场景包含成千上万的GO需要的材质、shader、效果都不尽相同,因此 复杂度极高 当代各种硬件的适配难度高,硬件架构一直在变化 高帧率、高分辨率的要求下,使得绘制算法绘制一帧的时间越来越短, 算法效率要求高 绘制系统可以100%的使用显卡,但CPU只

    2023年04月09日
    浏览(18)
  • 游戏引擎技术——前向渲染与延迟渲染

    游戏引擎技术——前向渲染与延迟渲染

    作者:yangkuKO 一、前言 2015年5月,3A巨作《巫师3:狂猎(The Witcher 3:Wild Hunt)》横空出世,该游戏作为一款开放世界的角色扮演游戏,其巨大的开放世界、绵长的剧情故事、画面精美的表现力深深吸引着大量玩家,并在当年一举拿下 年度最佳游戏、最佳RPG、金操纵杆奖、最

    2024年04月27日
    浏览(8)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包