Skip to content

Releases: vue-gl/vue-gl

v1.0.1 🌈

12 Dec 03:47
b2fdaf9
Compare
Choose a tag to compare

What’s Changed

v1.0.0 🌈

24 Aug 12:14
0b88726
Compare
Choose a tag to compare

What’s Changed

v1 has drastically different syntax and structure since v0.x.

Passing an instance to other components

When a VueGL component needs another component as its dependent data, the component to be registered needed the name prop to be defined and namespace component handled it in v0.x.

In v1, components does not need names but they will be defined in a named slot of another component.

v0.x

<vgl-namespace>
  <vgl-geometry name="g" />
  <vgl-material name="m" />
  <vgl-mesh geometry="g" material="m" />
</vgl-namespace>

v1

<vgl-mesh>
  <template #geometry>
    <vgl-geometry />
  </template>
  <template #material>
    <vgl-material />
  </template>
</vgl-mesh>

Avoiding complex props

In v0.x, some props received a formatted string and VueGL parsed them.

v0.x

<vgl-mesh position="1.2 3.4 5.6" />

In v1, props accept primitive values as possible and their definitions are simplified .

v1

<vgl-mesh :position-x="1.2" :position-y="3.4" :position-z="5.6" />

Re-usable instance definition

Using named slots prevents re-using same instance.

Now we have and components instead for that purpose. They work like SVG's and .

v0.x

<vgl-namespace>
  <vgl-geometry name="g" />
  <vgl-mesh geometry="g" />
  <vgl-line geometry="g" />
</vgl-namespace>

v1

<vgl-defs>
  <template #g>
    <vgl-geometry />
  </template>
</vgl-defs>
<vgl-mesh>
  <template #geometry>
    <vgl-use href="g" />
  <template>
<vgl-mesh>
<vgl-line>
  <template #geometry>
    <vgl-use href="g" />
  </template>
</vgl-line>

The new renderer component renders a pure canvas

In v0.x, creates a wrapper

element and inject our canvas and resize detection <iframe> element to it. It sometimes causes a layout trouble.

New component in v1 creates only a element as its $el. Resizing will be detected by ResizeObserver API. Some old browsers need a polyfill for it.

v0.23.1 🌈

06 Mar 02:19
3beb1e3
Compare
Choose a tag to compare

What’s Changed

  • fix: removes SphericalRefrectionMapping constant (#1172) @h-ikeda

v0.23.0 🌈

02 Mar 07:04
1c6894c
Compare
Choose a tag to compare

What’s Changed

v0.22.1 🌈

28 Aug 15:30
7eb27a1
Compare
Choose a tag to compare

What’s Changed

v0.22.0 🌈

12 Jun 03:53
05ac5a1
Compare
Choose a tag to compare

What’s Changed

v0.21.0 🌈

12 May 11:36
Compare
Choose a tag to compare

Update versions of depencencies.

What’s Changed

v0.20.0 🌈

03 Jan 00:46
d382880
Compare
Choose a tag to compare

What’s Changed

  • new VglObjLoader component as an example component (#796) @h-ikeda
  • Provide ES module version of bundle

v0.19.0 🌈

31 Dec 03:25
8739267
Compare
Choose a tag to compare

What’s Changed

v0.18.2 🌈

29 Dec 12:13
92a9aee
Compare
Choose a tag to compare

What’s Changed

  • Edit document url in package.json (#783) @h-ikeda
  • Styles display:none to rendered DOM for components