gltf

颜值即正义!这几个库颠覆你对数据交互的想象

北城余情 提交于 2019-12-06 12:53:56
作为一个对UI和动画敏感的切图仔,在日常开发之余,也会关注一些贼好看的图表库和插件。 接下来,我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 手绘风图表库:roughViz.js 基于D3(v5), roughjs, 和handy。 1.1 衡量方式 有三种衡量方式: 粗糙度: 线条种类: 线条粗细: 1.2 多种搭配 简答CDN: <script src="https://unpkg.com/rough-viz@1.0.5"></script> 复制代码npm: npm install rough-viz 复制代码react/vue: npm install react-roughviz npm install vue-roughviz 复制代码甚至在Python中也可以: pip install roughviz 复制代码1.3 简单使用 首先定义两个div <div id="vis0"></div> <div id="vis1"></div> 复制代码之后new两个实例: new roughViz.BarH( { element: '#vis0', title: "Vehicles I've Had", titleFontSize: '1.5rem', legend: false, margin: {top: 50, bottom:

颜值即正义!这几个库颠覆你对数据交互的想象

会有一股神秘感。 提交于 2019-12-05 18:25:57
作为一个对UI和动画敏感的切图仔,在日常开发之余,也会关注一些贼好看的图表库和插件。 接下来,我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 手绘风图表库:roughViz.js 基于D3(v5), roughjs, 和handy。 1.1 衡量方式 有三种衡量方式: 粗糙度: 线条种类: 线条粗细: 1.2 多种搭配 简答CDN: <script src="https://unpkg.com/rough-viz@1.0.5"></script> 复制代码npm: npm install rough-viz 复制代码react/vue: npm install react-roughviz npm install vue-roughviz 复制代码甚至在Python中也可以: pip install roughviz 复制代码1.3 简单使用 首先定义两个div <div id="vis0"></div> <div id="vis1"></div> 复制代码之后new两个实例: new roughViz.BarH( { element: '#vis0', title: "Vehicles I've Had", titleFontSize: '1.5rem', legend: false, margin: {top: 50, bottom:

颜值即正义!这几个库颠覆你对数据交互的想象

守給你的承諾、 提交于 2019-12-05 18:21:26
作为一个对UI和动画敏感的切图仔,在日常开发之余,也会关注一些贼好看的图表库和插件。 接下来,我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 手绘风图表库:roughViz.js 基于D3(v5), roughjs, 和handy。 1.1 衡量方式 有三种衡量方式: 粗糙度: 线条种类: 线条粗细: 1.2 多种搭配 简答CDN: <script src="https://unpkg.com/rough-viz@1.0.5"></script> 复制代码npm: npm install rough-viz 复制代码react/vue: npm install react-roughviz npm install vue-roughviz 复制代码甚至在Python中也可以: pip install roughviz 复制代码1.3 简单使用 首先定义两个div <div id="vis0"></div> <div id="vis1"></div> 复制代码之后new两个实例: new roughViz.BarH( { element: '#vis0', title: "Vehicles I've Had", titleFontSize: '1.5rem', legend: false, margin: {top: 50, bottom:

Is there a way to convert gltf to dae?

廉价感情. 提交于 2019-12-05 10:58:51
I can make gltf files with the collada to gltf converter. But is there a way to reverse this? UPDATE - October 2019 - Blender 2.80 has shipped with full glTF 2.0 import/export capability. It also has COLLADA import/export capability, so can be used to convert one to the other. UPDATE - November 2018 rewrote answer for glTF version 2.0, which has almost completely replaced 1.0 in the time since this question was originally asked. glTF 2.0 can be processed by a variety of tools, many of which are listed on the glTF Tools section of the official Khronos glTF README. Older glTF 1.0 While there are

gltf cursor-listener click event in A-frame

…衆ロ難τιáo~ 提交于 2019-12-03 22:22:41
问题 I am unable to figure out why cursor-listener works fine for all the entities except for my gltf model. Here is my html <div id="myEmbeddedScene"> <a-scene embedded=""> <a-assets> <a-asset-item id="ducks" src="../images/test.glb"></a-asset-item> </a-assets> <a-box cursor-listener color="#CCC" width="3" depth="3" height="0.1" position="0 0 -2"></a-box> <a-entity cursor-listener id="duck" gltf-model="#ducks" position="0 0.1 -2" rotation="0 -90 0"></a-entity> <a-camera> <a-cursor></a-cursor> </a

gltf cursor-listener click event in A-frame

删除回忆录丶 提交于 2019-12-01 00:26:03
I am unable to figure out why cursor-listener works fine for all the entities except for my gltf model. Here is my html <div id="myEmbeddedScene"> <a-scene embedded=""> <a-assets> <a-asset-item id="ducks" src="../images/test.glb"></a-asset-item> </a-assets> <a-box cursor-listener color="#CCC" width="3" depth="3" height="0.1" position="0 0 -2"></a-box> <a-entity cursor-listener id="duck" gltf-model="#ducks" position="0 0.1 -2" rotation="0 -90 0"></a-entity> <a-camera> <a-cursor></a-cursor> </a-camera> </a-scene> </div> and here goes the cursor-listener component from a-frame AFRAME