在线教程

  • 基于elementUI封装自己的UI组件库

    初始化 project这里我们使用官方的 vue-cli 初始化一个 Vue 项目npm>install>-g>@vue/cli #>or yarn>global>add>@vue/cli vue>create>admin-ui

    >>>>在src的同级目录创建packages文件夹,用于存放需要打包的组件>>>>package目录结构接下来让我们写一个简单的Vue component,基于elem...

    阅读全文 收藏 评论 (3) 阅读 (9028) 2019-12-04 15:55:22  
  • 如何使用Three.js加载obj和mtl文件

    OBJ和MTL是3D模型的几何模型文件和材料文件。在最新的three.js版本(r78)中,以前的OBJMTLLoader类已废弃。现在要加载OBJ和MTL文件,需要结合OBJLoader和MTLLoader两个类来实现,这也提供了操作的灵活性。下述代码中首先使用MTLLoader加载egg.mtl材料文件,然后把该材料设置给一个OBJLoader对象,以便在加载obj模型的时候进...

    阅读全文 收藏 评论 (3) 阅读 (32813) 2016-06-29 00:31:57  
  • D3.js读取外部json数据

    D3.js是一个很好的数据可视化工具,支持从web服务读取json数据,或者从外部文件如.json, .csv文件中直接读取。由于部分服务比如flickrs上的图文数据服务需要VPN才能访问,为此可以先把该服务提供的数据以json文件的格式存储在本地服务器上。代码调用示例如下:d3.json("http://wow.techbrood.com/uploads/141102/propo...

    阅读全文 收藏 评论 (2) 阅读 (18964) 2016-05-18 18:39:23  
  • Babylon.js入门教程和开发实例

    Babylon.js是一款WebGL开发框架。和Three.js类似。主要的技术区别是Three.js还试图回退兼容CSS 3D。Three.js是完全社区推动的,比Babylon.js要成熟些,而Babylon.js是微软推动的,和微软的相关技术结合更好。本文对Babylon.js的使用做个简单的介绍。首先的首先,请确保你的浏览器支持WebGL(IE11+/Edge/Firefox 4+/Google Ch...

    阅读全文 收藏 评论 (1) 阅读 (18010) 2016-10-10 23:52:52  
  • html5跨平台实战-第一周-水平测验-新闻列表页面

    这是一个DIV+CSS布局页面的一个实例,主要介绍POSITION定位、导航UL LI的制作、利用浮动原理对页面分栏、分列的页面布局。新闻页面的效果图1505874441240224.txt

    阅读全文 收藏 评论 (1) 阅读 (8452) 2017-09-20 10:28:18  
  • WebGL、Asm.js和WebAssembly概念简介

    随着HTML技术的发展,网页要解决的问题已经远不止是简单的文本信息,而包括了更多的高性能图像处理和3D渲染方面。这正是要引入WebGL、Asm.js和WebAssembly这些技术的原因。什么是WebGLWebGL是为了给Web添加类似桌面(或移动)系统上的OpenGL的特性支持,从而实现强大的3D图形渲染效果。什么是Asm.jsAsm.js是一个JavaScript...

    阅读全文 收藏 评论 (1) 阅读 (18884) 2017-02-27 13:00:56  
  • 深入理解Three.js(WebGL)贴图(纹理映射)和UV映射

    本文将详细描述如何使用Three.js给3D对象添加贴图(Texture Map,也译作纹理映射,“贴图”的翻译要更直观,而“纹理映射”更准确。)。为了能够查看在线演示效果,你需要有一个兼容WebGL的现代浏览器(最好是Chrome/FireFox/Safari/Edge/IE11+)。本文的在线演示结果和代码请点击这里:

    阅读全文 收藏 评论 (1) 阅读 (69460) 2016-08-12 09:14:18  
  • Canvas实例教程:图像移动、大小调整和裁剪

    本文介绍如何使用JavaScript和HTML5 Canvas元素来移动、调整大小和裁剪图像,这些技术适用于图片编辑器、照片分享等应用场景。一般而言图像的剪裁会放在服务端进行,但是图片传送会消耗较多的流量。借助HTML5 Ca...

    阅读全文 收藏 评论 (1) 阅读 (20391) 2016-05-18 18:45:14