Giter Club home page Giter Club logo

explodingobjects's Introduction

Exploding 3D Objects

An exploding objects effect inspired by Kubrick Life Website: 3D Motion.

Image Title

Article on Codrops

Demo

Credits

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow akella: Twitter, Instagram, Facebook, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2018

explodingobjects's People

Contributors

akella avatar crnacura avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

explodingobjects's Issues

Cinema 4D source files

Any chance you can share Cinema 4D source files? Some pointers in exporting the model would be great as well :)

Parsing GLB file return only Mesh

Hello,

I'm trying to load glb file using src file, but when the gltf.scene.traverse return only Mesh (i can't get the Group)

Object3D
castShadow: false
children: (206) [Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, Mesh, …]
frustumCulled: true
layers: Layers {mask: 1}
matrix: Matrix4 {elements: Array(16)}
matrixAutoUpdate: true
matrixWorld: Matrix4 {elements: Array(16)}
matrixWorldNeedsUpdate: false
name: "Voronoi_Fracture"
parent: Object3D {uuid: "49CDA510-F10F-4716-BD63-BA994DE881A8", name: "RootNode", type: "Object3D", parent: Scene, children: Array(2), …}

My imports :

import * as THREE from 'three-full'
import fragment from './exploding/shader/fragment.glsl'
import vertex from './exploding/shader/vertexIco.glsl'

I'm using three-full to load threejs with all feature like GLTFLoader and DRACOLoader

Am i missing something when importing libs ?

Recreating with custom models

Hey,

so i played a little around with your repo, thanks for sharing these effects!
I tried implementing my own object and split it up with the voronoi fracture in cinema 4d.
When loading that object (f.e. using your codebase in icosahedron.js) all children of my main Object3D seem to be meshes. In your model, there is a mix of meshes and groups with meshes. You seem to ignore the top level meshes and only paint the grouped ones.

Could you elaborate on that? How am i supposed to render my custom object using that techique? What are that groups of two meshes and how did you create your object like that?

Error parsing json from demo2 to heart

Hey, everyone.

I'm trying to implement the demo on a Gatsby project. I've decide to take the shortcut of importing the full scripts instead of converting everything to React. Some things run okay, but I seem to be getting an specific error when parsing the JSON from demo2 to heart.

image

This error keeps showing up in different ways, and I don't quite understand why, since I've kept the JSON pretty much the same.

image

Has anybody encountered a similar problem with JSON parsing?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.