WebGL

符合"WebGL"标签文章(120)

Unity WebGL MoonSharp使用

feng
2018-10-22

当前Unity的代码更新方案基本都选择的ULua，而有的项目还需要考虑Web平台，ULua不支持WebGL，所以决定选择MoonSharp。MoonSharp是一个纯C#实现的Lua解释器，支持多种平台，其中就包括webgl。一、 MoonSharp支持属性标签[MoonSharpUserData]或者UserData.RegisterType()注册一个C#类，这样就可以愉快的在lua中调用了，

WebGL、 LUA、 JavaScript、构造函数、随机性

赞0 评论0 3.4k浏览
Unity WebGL项目如何本地运行

feng
2018-10-19

Unity打包出来的WebGL项目是一个文件夹，打个比方叫test文件夹，那么在本地该如何去运行这个test文件夹中的项目呢？方法其实很简单，只需要了解web的发布就能解决这个问题。具体的方法如下：一、IIS服务器通过IIS发布一个web，这个网上一找一大把的教程，就不多说了。二、Apache服务器用了这个才发现这个搭建一个本地测试web是如此简单，新手不推荐一点点去安装环境，有个简单暴力的方式就

WebGL、 Unity、 TCP/IP、 IP

赞0 评论0 9.7k浏览
Unity3D导出WebGL与ASP.NET交互

feng
2018-09-29

当我们通过Unity发布WebGL时，通常会希望我们的Unity3D程序可以和网页中的元素进行交互，通过Unity内部的函数与网页端的方法交互实现数据的实时传递。当我们把Unity发布出来时，通常会包含如下的文件：在Build文件夹中包含了WebGL所有打包的内容，其中最重要的部分是UnityLoader.js和*.json这两个文件。详细的介绍可以从官方的Interacting with bro

WebGL、 Unity、 JavaScript、 Array、 JSON

赞0 评论0 8k浏览
Unity中AssetBundle的打包和加载

feng
2018-09-29

在Unity中，实现物体动态加载的方法主要包括了Resources.Load()和AssetBundle两种。当我们的游戏资源需要热更新时，AssetBundle一定会是所有开发人员的首选。Unity官方提供了十分方便的打包工具Asset Bundle Browser，同时该工具也作为开源项目放到了GitHub上。通过Window->AssetBundle Browser便可打开该工具进行相

AssetBundle、 Unity、 JavaScript、 WebGL、开源项目

赞0 评论0 4.9k浏览
Unity3D发布WebGL(网页)到IIS服务器并加入ASP.NET页面中

feng
2018-09-28

在Unity3D中发布WebGL，当我们需要将其加入我们自己的网站时，需要将WebGL的内容放入服务代码中。1、首先我们需要创建IIS服务器。打开控制面板->程序->启用或关闭Windows功能->启用IIS服务。这里我们将所有的IIS服务都勾选，在后续使用中都有可能会用到。2、接下来我们创建ASP.NET网站在VS中创建ASP.NET的Web应用程序其他设置可依据自身需要进行选

WebGL、 Unity、 JavaScript、 TCP/IP、 IP

赞0 评论0 1.09w浏览
请问Unity Webgl对接微信小游戏的方法

shion
2018-09-17

请问这个可行吗？是3D休闲小游戏。以前是IOS 现在想移植到微信小游戏上面。已经转换成H5游戏网页运行也OK。现在对接小游戏的时候不会弄了。需要JS语言基础吗？还是目前不支持这个。感谢各位大神了

WebGL、 Unity、 WebGL、移动前端、 iOS

赞0 评论2 8.4k浏览
Unity发布WebGl逐行读取本地文本文件

feng
2018-05-22

Unity发布成WebGL可以用chrome打开，那么如何在WebGl中逐行读取本地的文本文件呢？之前在网上有了解到可以利用WWW进行文件读取，发现读取后只能转换为string类型，我需要将其进行逐行处理，应该怎么办呢？经过一番搜寻，终于实现了文本文件的读取，核心代码如下： using UnityEngine; using System.Collections; public class

WebGL、 Unity、 JavaScript

赞0 评论0 6.4k浏览
原 Unity发布错误的可能性问题整理

feng
2018-05-12

一、做开发的同学相信都碰到这样的情况，Unity在编辑器模式下运行的时候都是好用的，但是一发布就出问题，造成这种原因有很多种，但是要找到最正确的哪一个却不是那么容易，为此，下面就将Unity发布错误的可能性问题在这里全部都整理了出来，希望可以帮到大家。发布错误的可能性问题如下：1.某些方法只能在编辑器模式下运行，因为它原本就是给编辑器来调试用的。2.某些方法只能在固定的平台上运行，下面有具体讲解的

Unity、渲染、程序员、 iOS、 WebGL

赞0 评论0 5.5k浏览
【WebGL】WebGL的坐标系统

feng
2018-05-03

在WebGL中，默认的使用的是右手坐标系。x轴正方向向右，y轴正方向向上，z轴正方向朝向屏幕外。与<canvas>对应：中心点是：(0.0, 0.0, 0.0)上边缘是：(0.0, 1.0, 0.0)下边缘是：(0.0, -1.0, 0.0)左边缘是：(-1.0, 0.0, 0.0)右边缘是：(1.0, 0.0, 0.0)

WebGL

赞0 评论0 4.7k浏览
【WebGL】绘制一个点

feng
2018-05-03

在之前的学习中，我们知道了怎么样使用一些简单的WebGL相关函数，现在更进一步来绘制最简单的图形：一个点。绘制一个点远不是调用一个”draw point”在之前的学习中，比如填充颜色可以用到 ctx.fillStyle = "rgba(0, 255, 255, 1.0)"; 但是，是否绘制一个点也这么简单呢？比如调用一个drawPoint方法就行了。答案是否定的！WebGL依赖于一种称为着色器(s

WebGL、 List、 JavaScript、 PS、光照

赞0 评论0 2k浏览
【WebGL】WebGL入门

feng
2018-05-03

WebGL程序要同时使用HTML和将GLSL ES代码放在JavaScript中来创建和显示三维图形。下面就和大家介绍下WebGL的基础入门知识，来了解WebGL使用方法。Canvas是什么？在HTML5中有一个很重要的标签叫做<canvas> — 它定义了网页上的绘制区域。如果没有WebGL，JavaScript只能在<canvas>上绘制二维图形，有了WebGL，就可以

WebGL、 JavaScript、 HTML5、 PS、 OpenGL

赞0 评论0 4k浏览
【WebGL】WebGL概述

feng
2018-05-02

本系列学习主要参考《WebGL编程指南》一书，希望通过这一系列的学习能够让大家了解WebGL。并且在了解WebGL之后能够更好的学习OpenGL其他的知识。概述什么是WebGLWebGL — 是一项用来在网页上绘制和渲染三维图形以及允许用户与之进行交互的技术。WebGL结合了HTML5和JavaScript，允许开发者在网页上创建和渲染三维图形。ps：听上去就很屌，假设我们是一名web前端开发者H

WebGL、 OpenGL、 JavaScript、 GLSL、 HTML5

赞0 评论0 7.8k浏览
Shader特效——“水彩画”的实现【GLSL】

feng
2018-02-06

在用shader实现水彩画之前，对算法进行了改进原图：效果图：原图：效果图：（以下为简化代码）片元着色器代码1： uniform sampler2D OpenGL; uniform sampler2D noiseTexture; uniform float uQuantLevel; // 2-6 uniform float uWaterPower; // 8-64 cons

GLSL、 JavaScript、 OpenGL、 WebGL

赞0 评论0 5k浏览
前Mozilla WebVR开发者推出全新VR浏览器Supermedium

虚拟小法师
2018-02-05

upermedium旨在成为轻量级、能快速加载、基于Web的VR浏览器。Supermedium支持HTC Vive和Oculus Rift，它是一款全新的VR浏览器，由VR Web框架“A-Frame”的创造者和部分最初WebVR计划背后Mozilla团队中的成员所打造。该浏览器可在Supermedium的网站上下载，旨在成为轻量级、能快速加载、基于Web的VR体验。现在已有几个支持VR的浏览器，

VR&AR、 WebVR、 List、 Oculus、 WebGL

赞0 评论0 2.1k浏览
【VR】虚拟现实软件开发工具与技术

feng
2018-01-08

各式各样新型的虚拟现实的相关硬件设备相继推出、聆郎满目，但是没有软件内容的硬件永远都是没有灵魂的硬壳。硬件的的发展为软件的开发创造了平台和前提条件。本文主要从Unity引擎开发，讲述虚拟现实相关的开发工具与软件技术。1. 外设驱动——Nibiru SDK 睿锐（官网：http://www.inibiru.com/aboutus.html）这么的多的外设，各有各的SDK，作为开发者应该何从选择？从何

VR&AR、 Unity、 WebGL、 unreal、 Android

赞0 评论0 3.4k浏览
WebGL入门教程（二十）帧缓冲区对象FBO

feng
2017-12-13

一、概念前面都是将图片作为绘制图形时的纹理映射，这一节来看看如何将渲染结果作为纹理，即动态生成纹理，贴在另一个物体上。默认情况下，都是在屏幕提供帧缓冲区中绘制，如果要动态生成纹理，就需要另外新建一个缓冲区对象，来代替默认的缓冲区，在其中进行离屏绘制。帧缓冲区对象包括：颜色关联对象（可以是纹理对象或渲染缓冲区对象）深度关联对象（渲染缓冲区对象）模板关联对象要将动态生成的纹理作为贴图，只需要在帧缓冲区

WebGL、渲染、 JavaScript、 GLSL、纹理映射

赞0 评论0 3k浏览
WebGL入门教程（十九）雾化

feng
2017-12-13

什么是雾化，可能很多更接触的人还不知道，为此，下面就给大家介绍下雾化的原理和使用方法。一、原理雾化，即使用雾的颜色与场景中物体的颜色进行叠加。线性雾化，会指定一个起点和终点，起点为开始雾化点，终点为完全雾化的点：在起点之前的完全清晰，也就是说完全为场景中的物体颜色；在起点和终点之间的点，根据距离计算雾的因子；在终点之后就完成为雾的颜色。物体颜色和雾的颜色叠加公私如下：片元颜色 = 物体颜色 * 雾

WebGL、 JavaScript、 GLSL、场景

赞0 评论0 3.4k浏览
WebGL入门教程（十八）点选立方体

feng
2017-12-13

一、点选立方体原理这里用了一个比较巧妙(山寨)的方法判断是否点击到了立方体：获取鼠标点击的位置；将立方体绘制成红色（也可以是其他颜色）；判断鼠标点击位置的颜色恢复立方体的颜色二、点选立方体示例由以上原理，当鼠标点击位置的颜色跟立方体重绘之后的颜色一致为红色时，则点击的位置就在立方体上。(如果背景色也为红色，就尴尬了)。 function main() ｛ var gl = getGL();

WebGL、 GLSL、 JavaScript

赞0 评论0 3.4k浏览
WebGL入门教程（十七）带纹理的立方体

feng
2017-12-13

在给大家讲解纹理映射的时候，有绘制一个平面的带纹理的图形，现在绘制一个立方体，并为每个面指定纹理。 /** * 绘制带纹理的立方体 * xu.lidong@qq.com * */ function main() ｛ var gl = getGL(); var vsFile = "./res/shader/mouserotate.vert.glsl"; var fsFi

WebGL、 GLSL、 JavaScript

赞0 评论0 2.2k浏览
WebGL入门教程（十六）层级模型

feng
2017-12-13

百度百科给层级模型的定义是层次模型是指用一颗“有向树”的数据结构来表示表示各类实体以及实体间的联系，树中每一个节点代表一个记录类型，树状结构表示实体型之间的联系。在变换时，父节点的变换会待着子节点一起，而子节点的变换则不会影响父节点。例如手臂的运动会带动手肘的运动，而手肘的运动不影响手臂的运动。即：子节点的模型变换 = 父节点的模型变换 * 自身的模型变换示例，如下两个立方体柱子，下面的为父节点，

WebGL、 GLSL、环境光、 JavaScript

赞1 评论0 4.1k浏览