如何做一个3D渲染库

2024-10-04

为 .NET Core 设计一个 3D 图形渲染库

原文地址:https://mellinoe.wordpress.com/2017/02/08/designing-a-3d-rendering-library-for-net-core/ 作者:ERIC MELLINO 翻译:杨晓东(Savorboard) 第一篇文章请看:http://www.cnblogs.com/savorboard/p/net-core-game-engine.html 在第二篇文章中,我将探索Veldrid,这个库为Crazy Core的游戏引擎中的所有3D和2D渲染提

手把手做一个基于vue-cli的组件库（上篇）

基于vue-cli4的ui组件库,先贴个最终效果吧,步骤有点多,准备分上下篇,上篇:如何做一个初步的组件.下篇:编写说明文档及页面优化.开工. GitHub源码地址:https://github.com/sq-github/sq-ui GitHub预览地址:https://sq-github.github.io/sq-ui/dist 一.组件库是基于vue-cli框架的的,用vue-cli创建项目 vue create sq-ui 二.修改目录,以及重新修改配置文件. 1.查看了很多的开源组件库

手把手做一个基于vue-cli的组件库（下篇）

基于vue-cli4的ui组件库,上篇:如何做一个初步的组件.下篇:编写说明文档及页面优化.接上篇,开工. GitHub源码地址:https://github.com/sq-github/sq-ui GitHub预览地址:https://sq-github.github.io/sq-ui/dist 五.添加markdown说明文本 1.删除app.vue原有的app.vue内容,及其他一些项目创建时引用的不需要的组件.修改后app.vue如下: <template> <div id=&q

一个轻量级的3D CSS 库

JavaScript 3D library 该项目的目的是为了打造轻量级的.实用简单的3D CSS库. Usage使用方法下载 minified库文件和 css文件,并将其包含于你的HTML中,就如此简单. <script src="js/voxelcss.js"></script><link rel='stylesheet' href="css/voxel.css"></link> 下面这段代码既是对其应用: &

初探Stage3D(一) 3D渲染基础原理

关于本文本文主要想介绍一下3D渲染的基本流程,及怎样把一个三角形(0,1,0),(1,0,1),(0,0,1)最终渲染到屏幕上来.文章的目的是对3D渲染流程做一个简单的介绍,其中不涉及任何语言的API 参考资料 <3D游戏编程大师技巧> PFD地址 http://download.csdn.net/detail/iamzealotwang/652886 (中文) 是我很早之前分享的一本书.非常不错,最早是在学校图书馆里面看到的,市面上一度绝版,后来找了一家淘宝店复印了一本才留了下来. 刚刚查

网页3D效果库Three.js初窥

网页3D效果库Three.js初窥背景一直想研究下web页面的3D效果,最后选择了一个比较的成熟的框架Three.js下手 ThreeJs官网 ThreeJs-github; 接下来我会陆续翻译 Three.js官网的文档,部分文字和代码为我个人添加. 第一部分:three.js介绍创建场景这部分的目标是为Three.js做一个简单的介绍,我们会以创建一个场景,一个旋转的立方里开始,文章的结尾会有一个可运行的完整示例为你解惑. 开始之前在你使用Three.js之前,你需要在你的电脑上建

如何用webgl(three.js)搭建一个3D库房-第一课

今天我们来讨论一下如何使用当前流行的WebGL技术搭建一个库房并且实现实时有效交互第一步.搭建一个3D库房首先你得知道库房长啥样,我们先来瞅瞅库房长啥样(这是我在网上找的一个库房图片,百度了“库房”一下,找不到合适的全景,我们也只能窥一斑思全豹了,就它了,特此声明:此图片归原作者所有非被人所拍,拿来只是给读者做个案例) 下面是我用webgl做出来的3D效果图(当前展示没有货物时的整体模拟): 第二部.开干 1. 首先我们创建一个页面,引入各种需要的库文件 <script src="/j

使用React并做一个简单的to-do-list

1. 前言说到React,我从一年之前就开始试着了解并且看了相关的入门教程,而且还买过一本<React:引领未来的用户界面开发框架 >拜读.React的轻量组件化的思想及其virtual-dom的这种技术创新,也算是早就有了初步了解.一来没有学的太深入,二来后来在工作中和业余项目中都没有用到,因此慢慢的就更加生疏了. 近期,因为我想把自己的开源项目wangEditor能放在React.angular和vuejs中使用.先从react开始,顺手自己也重试一下React的基础知识,顺便再做一个小

打造属于自己的Altium Designer 3D封装库，不需要懂专门的三维设计软件

看到Andy_2020发的帖子“Altium Designer专题”之后,对Altium Designer的3D功能很感兴趣,着手自己做一个AD的3D封装库.刚开始按照Andy介绍的方法,学了两天Solidworks,画了个PQ3230变压器.晒晒我画的变压器,大神勿喷不过后来发现有更快捷的方法——直接在网上找器件3D模型,不用自己慢慢画,最主要是这种方法不需要会用Pro/E.solidworks等三维设计软件.进入正题,我是用的是Altium Designer Winter 09,下面开始

第一章用three.js创建你的第一个3D场景

第一章用three.js创建你的第一个3D场景到官网下载three.js的源码和示例. 创建HTML框架界面第一个示例的代码如下: 01-basic-skeleton.html 位于 Learning Three.js- The JavaScript 3D Library for WebGL\chapter-01 <!DOCTYPE html> <html> <head> <title>Example 01.01 - Basic skeleton<

又见angular----步一步做一个angular4小项目

这两天看了看angular4的文档,发现他和angular1.X的差别真的是太大了,官方给出的那个管理英雄的Demo是一个非常好的入门项目,这里给出一个管理个人计划的小项目,从头至尾一步一步讲解如何去实现他,希望对你有所帮助.这篇文章不会讲解如何去用angular,这部分东西你可以参考官网,本文讲解的是用angular做一个小项目的全过程.写的比较仓促,疏漏难免,请各位多多指点. 本项目是angular4.0的一个Demo,可以实现对个人计划的管理.目的是分享一下个人做一个angular项目的一

如何用webgl(three.js)搭建一个3D库房-第二课

闲话少叙,我们接着第一课继续讲(http://www.cnblogs.com/yeyunfei/p/7899613.html),很久没有做技术分享了.很多人问第二课有没有,我也是抽空写一下第二课. 第一课程提到了在库房的基础上添加上下架消防温湿度等等控制刚好最近有接到一个客户的需求是和库房差不多的项目只是不是库房了是档案室但是基本操控还是差不多的也有文件上下架什么的那么第二课我们就按照客户的需求先做一个概述性的展现特此说明:为了减少网络传输带宽我特意用ScreenT

使用PixiJS做一个小游戏

PixiJS PixiJS使用WebGL,是一个超快的HTML5 2D渲染引擎.作为一个Javascript的2D渲染器,Pixi.js的目标是提供一个快速的.轻量级而且是兼任所有设备的2D库. 官方网址: http://www.pixijs.com/ 知识点做一个小游戏,我们使用到PixiJS的功能不多,只需要了解以下几个点即可快速上手. PIXI.Application 创建一个游戏时第一个要初始化的对象. stage 舞台,我们可以看做是所有对象的根节点,类似于document. PIX

DirectX11--实现一个3D魔方(3)

前言 (2019/1/9 09:23)上一章我们主要讲述了魔方的旋转,这个旋转真是有毒啊,搞完这个部分搭键鼠操作不到半天应该就可以搭完了吧... (2019/1/9 21:25)啊,真香有人发这张图片问我写魔方的目的是不是这个...噗现在光是键鼠相关的代码也搭了400行左右..其中键盘相关的调用真的是毫无技术可言,重点实现基本上都被鼠标给耽搁了. 回来看一眼发现阅读量居然比前面两篇都还高了= =话说之前没看过这个教程的...或许你们应该先看看前面两章讲了什么内容? 本章将魔方应用层的剩余实现

DirectX11--实现一个3D魔方(1)

前言可以说,魔方跟我的人生也有一定的联系. 在高中的学校接触到了魔方社,那时候的我虽然也能够还原魔方,可看到大神们总是可以非常快地还原,为此我也走上了学习高级公式CFOP的坑.当初学习的网站是在魔方小站,不过由于公式太多了,那一年主要也就学会了顶层公式PLL和底二层公式F2L,最好的时候大概30s能够复原一个魔方,不过后来还是退坑了. 然后到了大学,参加考核的时候被要求用DirectX9来实现考题规定的游戏,我选择了魔方.然后在仅有12天的时间狂肝Direct3D 9,虽然那时候写的代码还比较

[转]jsPlumb插件做一个模仿viso的可拖拉流程图

原贴:https://www.cnblogs.com/sggx/p/3836432.html 前言这是我第一次写博客,心情还是有点小小的激动!这次主要分享的是用jsPlumb,做一个可以给用户自定义拖拉的流程图,并且可以序列化保存在服务器端. 我在这次的实现上面做得比较粗糙,还有分享我在做jsPlumb流程图遇到的一些问题. 准备工作制作流程图用到的相关的脚本: 1 <script src="<%= ResolveUrl("~/resources/jquery/jque

4-13 Webpacker-React.js; 用React做一个下拉表格的功能: <详解>

Rails5.1增加了Webpacker: Webpacker essentially is the decisions made by the Rails team and bundled up into a gem. Webpacker帮我们做好了几乎所以配置工作,我们只需要聚焦在写Js上. React : React is a JavaScript view library designed to quickly create dynamic user interfaces. Chapte

<泛> C++3D数学库设计详解向量篇

// 注:本内容为作者原创,禁止在其他网站复述内容以及用于商业盈利,如需引用,请标明出处:http://www.cnblogs.com/lv_anchoret/ Preface 为了支持光线追踪的学习,决定写一个3D泛型数学库. 我采用的是windows平台以及C++Template技术我的库文件组织目录如下 --lvgm ----test ------testVec.cpp ----type_vec ------lv_vec2.h ------lv_vec3.h ------type_vec

基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统

前言大家好,老郑我又回来了.这一期为大家带来一个非常好玩的 demo,我们制作一套自己的 3D 管道控制系统,运用了( http://www.hightopo.com )HT 的 Graph3dView 组件通过对 WebGL 底层技术的封装,与 HT 其他组件一样,基于 HT 统一的 DataModel 数据模型来驱动图形显示. 效果图此为 2D 主界面: 此为 3D 界面的部分分段演示: 由于 gif 上传有大小限制,所以请大家务必去网页感受和体验,双击进口阀开始. ( 戳我进入!) 代

基于 HTML5 Canvas 的 3D 渲染引擎构建机架式服务器

前言今天找到了 HT 的官网里的 Demo 网站( http://www.hightopo.com/demos/index.html ),看的我眼花缭乱,目不暇接. 而且 HT 的用户手册,将例子和文档无缝融合一体,小小 10 来兆开发包居然包含了四十五份手册,数百个活生生的 HTML5 例子,还没体验过的朋友赶紧来看一看,这回可玩嗨了! 对于 HT 初学者,面对这一堆数百个涵括通用组件.网络拓扑图组件.3D 组件.矢量图形.各种编辑器等等五法八门的 HTML5 例子盛宴,往往无从下手.为此,

如何做一个3D渲染库

热门专题