ICode9

精准搜索请尝试: 精确搜索
  • Unity 发布WebGL 异常 : Uncaught ReferenceError: unityFramework is not defined2021-02-06 16:57:04

    Unity 2020.2.2f1c1 编译WebGL版本后 浏览器运行卡住. Console 里 有报错 Uncaught ReferenceError: unityFramework is not defined 解决方法: 在玩家设置 - 发布设置中 , 将压缩格式 改为 已禁用, 再次发布即可

  • OpenGL&WebGL是什么?2021-02-04 16:35:53

    OpenGL只是一种可用于渲染2D和3D矢量图形的API(应用程序编程接口)。它是跨语言和跨平台的。该API将与GPU交互并为系统提供加速渲染。   WebGL基本上是基于Javascript的API。这个也用于渲染2D和3D元素。虽然,但要注意的是,该浏览器用于Web浏览器。很多人可能不知道,但是WebGL实际上是Op

  • WebGL端截取相机内画面2021-02-01 23:30:22

    //TestJPEGDownload.cs using System; using System.Collections; using System.Collections.Generic; using System.Runtime.InteropServices; using UnityEngine; public class TestJPEGDownload : MonoBehaviour { private void Start() { } //private

  • Unity WebGL优化2021-01-27 16:29:31

    优化那点事儿*⸜【 •ᴗ• 】⸝* AllResources文件夹 程序美术模型UI All Resources文件夹 注意工程中尽量不用Resources文件夹,不然打包的时候会导致包体过大。因为放在该文件夹下的东西都会被打包。测试如下

  • Three.js入门指南2021-01-14 12:04:47

    WebGL太过底层,Threejs则没那么底层。Three.js封装了底层的图形接口,使得程序员能够在无需掌握繁冗的图形学知识的情况下,也能用简单的代码实现三维场景的渲染。更高的封装程度往往意味着灵活性的牺牲,但是Three.js在这方面做得很好。几乎不会有WebGL支持而Three.js实现不了的情况。Th

  • 6.着色器2021-01-07 15:57:34

    为了在最终的图像中渲染模型,开发者必须精确地定义顶点、变换、材质、光源和相机之间的关系和交互。这就是由着色器来完成的。着色器(或称为"可编程着色器")是一小段程序代码,其中包含了将模型投射到屏幕上的像素算法。着色器通常是由高等级的类C语言编写的,编译并运行在图形处理

  • WebGL和OpenGL的联系和区别2021-01-04 11:01:06

    WebGL和OpenGL的区别为:性质不同、插件支持不同、用途不同。 WebGL WebGL的缩写为Web图形库。它主要用于渲染二维图形和交互式三维图形。它是可以与HTML5一起使用的Javascript API。它支持跨平台,并且仅以英语提供。WebGL程序由用JavaScript编写的控制代码组成 1.WebGL 是基于 Ope

  • webgl智慧楼宇发光系列之线性采样下高斯模糊2020-12-28 16:31:39

    webgl智慧楼宇发光系列之线性采样下高斯模糊 前面一篇文章 <webgl智慧楼宇发光效果算法系列之高斯模糊>, 我们知道了 高斯模糊的本质原理,就是对每个像素,按照正态分布的权重去获取周边像素的值进行平均,是一种卷积操作。 同时我们可以指定周边像素的数量,比如可以是3X3,或者5X5,通

  • 转载 | 图解WebGL&Three.js工作原理2020-12-20 16:36:11

    一、我们讲什么? 我们讲两个东西:1、WebGL背后的工作原理是什么?2、以Three.js为例,讲述框架在背后扮演什么样的角色?   二、我们为什么要了解原理? 我们假定你对WebGL已经有一定了解,或者用Three.js做过了一些东西,这个时候,你可能碰到了这样一些问题:1、很多东西还是做不出来,甚至没有任何

  • unity2018.4.3f1实现五子棋游戏(十二)2020-12-15 13:02:24

    目录 一、unity打出的web包,游览器打不开360游览器谷歌浏览器Internet Explorer11Microsoft Edge火狐浏览器 (Firefox) 二、原因三、解决一、如果用Firefox打开下载火狐浏览器浏览器的地址栏输入“about:config”然后回车(Enter)搜索“webgl”将webgl.force-enabled设置为true将

  • 基于WebGL的三维大屏可视化技术实践 thingjs 3d 开发2020-11-25 17:33:17

    DataV, 腾讯云图,帆软等可视化大屏应用厂商,都提供三维可视化分析工具。ThingJS是近两年新兴的3D可视化开发组件,助力物联网3D可视化的未来发展。新基建浪潮汹涌,智慧城市建设也到了落地阶段,不再是纯粹的概念,很多物联网技术开始崭露头角,相较于之前的低调行为,3D可视化领域有何变化

  • 关于webgl数据传输加密/解密的猜想2020-10-31 15:34:03

    最近一直在做一个给建筑绘制描边(主要是墙体的侧棱)的解决方案,虽然three.js内置有EdgesGeometry可以根据现有mesh的Geometry生成不带斜线的线框,但是在PC端lineWidth是不能生效的,这是因为受限于windows平台的Direct3D,所以在PC端通常的解决方案是通过两点绘制一个矩形来替代有宽度的

  • Cesium快速入门2020-08-10 15:32:02

    Cesium是什么 Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 通过Cesium提供的JS API,可以实现以下功能: 使用

  • webgl图库研究(包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址)2020-07-30 19:01:17

    为实现企业80%以上的生产数据进行智能转化,在烟草、造纸、能源、电力、机床、化肥等行业,赢得领袖企业青睐,助力企业构建AI赋能中心,实现智能化转型升级。“远舢文龙数据处理平台”以AI驱动,构建5G时代下企业数智基础,从根本上改变了数据采集、存储和使用的方式,是当下企业构建数字化与智

  • WebGL_0010:横屏,竖屏 样式切换2020-07-29 15:32:30

    1, /* 竖屏模式 */ @media screen and (orientation: portrait){ /* 主按钮 */ .PageBut1N { width: 10%; height: 8%; top: 90%; left: 38%; } } /* 横屏模式 */ @medi

  • WebGL_0009:canvas 画布 旋转90度2020-07-27 17:00:33

    1, var ii = this.app.graphicsDevice.canvas.parentElement; var ee = this.app.camera; var nn = ee ? ee.script.orbitCamera : null; var a = window.innerWidth; var r = window.innerHeight;

  • 基于HTML5的WebGL应用内存泄露分析2020-05-26 21:03:04

    上篇(http://www.hightopo.com/blog/194.html)我们通过定制了CPU和内存展示界面,体验了HT for Web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动,这类案例后续文章还会继续以便大家掌握更多的矢量应用场景,本篇我们先切换个话题,谈谈模型-视图-事件之间的关系。 http://ww

  • WebGL中的第三个小程序(着色器)2020-05-25 10:04:31

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Draw a point</title>

  • WebGL_0006:PlayCan替换材质和贴图的方法2020-05-24 12:55:09

    // 6 9 0 10 8 // this.body2.model.model.meshInstances[22].material.emissive = new pc.Color(255, 0, 0); // 替换材质 mod.body.model.model.meshInstances[6].material = mod.MB_Mat[0].resource;

  • WebGL 绘制Line的bug(二)2020-05-12 13:53:32

    插播一则广告(长期有效) MONO哥需要在武汉招JavaScript工程师若干要求:对前端技术(JavasScript、HTML、CSS),对可视化技术(Canvas、WebGL)有浓厚的兴趣基础不好的可培养,基础好的可共谋大事感兴趣的给我发邮件:hr@servasoft.com -----------------------------------------------------

  • 基于 HTML5 WebGL 的 3D 服务器与客户端的通信2020-05-06 13:52:38

    这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个例子中我也加了,这篇文章就算是我对这次项目的一个总结吧。对了,这个例子我是参考一个 DEMO 来完成的,和

  • 基于 HTML5 WebGL 的 3D 场景中的灯光效果2020-05-06 11:06:52

    构建 3D 的场景除了创建模型,对模型设置颜色和贴图外,还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强,所以拿出来给大家分享一下。 本例地址:http://www.hightopo.com/guide... 例子动图: 上面场景中主要的知识点包括:3D 灯光以及 3D 模型的流

  • 基于 HTML5 WebGL 的 3D SCADA 主站系统2020-05-04 20:06:11

    这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 的模拟一般需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个例子中我也加了,这篇文章就算是我对这次项目的一个总结吧。 例子链接: http://www.hightopo.com/demo/... 本文动图:

  • WebGL纹理详解——压缩纹理的使用2020-04-27 09:53:23

    为什么要用压缩纹理 下面这张图是一辆陆虎越野车模型所用的纹理,原始分辨率为1024 x 1024。 浏览器从服务端加载这样一张图片时,其格式通常为JPEG,文件尺寸只有166KB,但是当WebGL处理一张纹理时就需要按照位图处理(这里所说的位图是指没有使用任何压缩算法的原始图片数据),如果图像中每

  • 基于 HTML5 的 WebGL 3D 档案馆可视化管理系统2020-04-24 09:07:15

    前言 档案管理系统是通过建立统一的标准以规范整个文件管理,包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台,主要实现档案流水化采集功能。为企事业单位的档案现代化管理,提供完整的解决方案,档案管理系统既可以自成系统,为用户提供完整的档案管理和网络查询功能,也可

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有