metamask / logo Goto Github PK
View Code? Open in Web Editor NEWA 3d take on the metamask logo, in browser, as a browserifyable module.
Home Page: http://metamask.github.io/logo/
License: ISC License
A 3d take on the metamask logo, in browser, as a browserifyable module.
Home Page: http://metamask.github.io/logo/
License: ISC License
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).
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:
Steps to reproduce:
fox.max
in 3DS Max.fox.max
to fox.obj
and fox.mtl
using default settings.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?
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.
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
Like MIT or otherwise
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?
This project is missing a LICENSE file
It seems to me that this component is leaking event handlers.
https://github.com/MetaMask/metamask-logo/blob/gh-pages/index.js#L261
I would suggest adding an API that would allow explicit registration/disposal of those event handlers. I can add it if you like.
make sure we aren't rendering even when he is off screen. all your battery gone!
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)
https://www.npmjs.com/package/metamask-logo
"A browserifyable 3d metamask logo. <a href="http://metamask.github.io/metamask-logo/">Live demo</a>."
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.
🚨 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.
this #20 or some other branch https://github.com/MetaMask/logo/compare/crypto-foxy-2 ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.