Giter Club home page Giter Club logo

logo's Issues

Creating a demo with a custom .obj file

I recently tried to compile this project with my own OBJ and MTL files. I want to make a Minecraft head that looks at the cursor. I made the model using Blockbench.
When I ran the "convert" function, I got a JSON file.
It looks like that:

{
  "positions": [
    [0.25, 0.5625, 0.25],
    [0.25, 0.5625, -0.25],
    [0.25, 0.0625, 0.25],
    [0.25, 0.0625, -0.25],
    [-0.25, 0.5625, -0.25],
    [-0.25, 0.5625, 0.25],
    [-0.25, 0.0625, -0.25],
    [-0.25, 0.0625, 0.25]
  ],
  "chunks": [
    {
      "color": [119, 57, 0],
      "faces": [
        [3, 6, 4],
        [2, 3, 1],
        [7, 2, 0],
        [6, 7, 5],
        [5, 0, 1],
        [6, 3, 2]
      ]
    }
  ]
}

It seemed kinda suspicious to me, as the built-in fox model is way bigger...
I built a "normal" demo, but no model displays on the page. What should I do? I'm not very familiar with the rendering system, but I'm sure that the fault lies with Blockbench or the conversion library (all the paths and filenames are correct, I've checked that already).

Rendering errors when modifying fox.obj

Hi, I'm working on a modified version of this logo as part of this GitCoin issue. I'm having issues getting the fox to render correctly after changing some polygon colors in 3DS Max. 3DS Max and Windows' built-in 3D object viewer seem to both render the fox correctly, though.

Here's the result when using this library:
snip

Steps to reproduce:

  1. Open fox.max in 3DS Max.
  2. Change the material of some of the polygons.
  3. Export fox.max to fox.obj and fox.mtl using default settings.
  4. Execute npm run convert and npm run start to view broken image on web.

I briefly took a look at the code and noticed that the polygons are correctly generated here, but are then being hidden either when the determinant is negative or because the z-index is zero. I'll mess with this a little more and see if I can figure out the exact cause of the issue.

Who made this?

Who made this?

Please contact me. I'd like to hire someone to re-create the same effect for a different logo.

Apologies if this is an inappropriate use of the issues section.

Thank you.

mouse tracking not working in vue.js

Hello
thanks for your beautiful work.

i have tried using this in my vue.js application. i've done the following things when my template mounted:

here is my div:

<div ref="metamask"></div>

and here is how i initialize and attach the logo to this div:

  mounted: function(){

       // initializing and appending the MetaMask Logo to its Div
       let metaMaskViewer = ModelViewer({
           pxNotRatio: true,
           width: 500,
           height: 400,
           follwoMouse: false,
           slowDrift: false
       });
       this.$refs.metamask.appendChild(metaMaskViewer.container);
       metaMaskViewer.lookAt({
           x:100,
           y:100
       });
       // enable mouse follow
       metaMaskViewer.setFollowMouse(true)

       // deallocate nicely
       metaMaskViewer.stopAnimation()
   }

it displays the svg very nicely but the problem is it does not follow the mouse anyway, it just looks straight in my eyes. not errors to track the problem.
any idea to solve this ?

Thanks in advance

Code isn't improved for react

I've tried the code many times.

If the react code without reloading the page is updated many times, even if the logo remains one in the document, it will become lagging. Could you fix that?

Reactjs some error

I got an error when trying to place metamask logo

warning.js:33 Warning: MetaMaskLogo(...): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.
printWarning @ warning.js:33
warning @ warning.js:57
warnIfInvalidElement @ ReactCompositeComponent.js:49
mountComponent @ ReactCompositeComponent.js:191
mountComponent @ ReactReconciler.js:43
mountChildren @ ReactMultiChild.js:234
_createInitialChildren @ ReactDOMComponent.js:701
mountComponent @ ReactDOMComponent.js:520
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
mountChildren @ ReactMultiChild.js:234
_createInitialChildren @ ReactDOMComponent.js:701
mountComponent @ ReactDOMComponent.js:520
mountComponent @ ReactReconciler.js:43
mountChildren @ ReactMultiChild.js:234
_createInitialChildren @ ReactDOMComponent.js:701
mountComponent @ ReactDOMComponent.js:520
mountComponent @ ReactReconciler.js:43
mountChildren @ ReactMultiChild.js:234
_createInitialChildren @ ReactDOMComponent.js:701
mountComponent @ ReactDOMComponent.js:520
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
mountChildren @ ReactMultiChild.js:234
_createInitialChildren @ ReactDOMComponent.js:701
mountComponent @ ReactDOMComponent.js:520
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
mountChildren @ ReactMultiChild.js:234
_createInitialChildren @ ReactDOMComponent.js:701
mountComponent @ ReactDOMComponent.js:520
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
performInitialMount @ ReactCompositeComponent.js:368
mountComponent @ ReactCompositeComponent.js:255
mountComponent @ ReactReconciler.js:43
mountComponentIntoNode @ ReactMount.js:102
perform @ Transaction.js:141
batchedMountComponentIntoNode @ ReactMount.js:124
perform @ Transaction.js:141
batchedUpdates @ ReactDefaultBatchingStrategy.js:60
batchedUpdates @ ReactUpdates.js:95
_renderNewRootComponent @ ReactMount.js:317
_renderSubtreeIntoContainer @ ReactMount.js:399
render @ ReactMount.js:420
./src/index.js @ index.js:12
__webpack_require__ @ bootstrap b5360dfe6d3a89c39d66:659
fn @ bootstrap b5360dfe6d3a89c39d66:85
4 @ util (ignored)?688b:1
__webpack_require__ @ bootstrap b5360dfe6d3a89c39d66:659
./node_modules/ansi-html/index.js.module.exports @ bootstrap b5360dfe6d3a89c39d66:708
(anonymous) @ bootstrap b5360dfe6d3a89c39d66:708
invariant.js:42 Uncaught Error: MetaMaskLogo(...): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.
    at invariant (invariant.js:42)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:192)
    at Object.mountComponent (ReactReconciler.js:43)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
    at Object.mountComponent (ReactReconciler.js:43)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
    at Object.mountComponent (ReactReconciler.js:43)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
    at Object.mountComponent (ReactReconciler.js:43)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)

performance issue

Chrome (65) always repaints the logo even if there is no mouse move which results at least 50% CPU usage all the time.

Same load for Chrome Extension.

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.

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.