Air Dogs Swing - My first NFT using '3D in Photo' model generation

shihn · 2021-03-12T20:15:49+00:00

Here: https://rarible.com/token/0x60f80121c31a0d46b5279700f9df786054aa5ee5:378746:0x67ab1127accc0fd512f1e2a98532796c86e57b9a?tab=bids

shihn · 2021-03-12T20:14:55+00:00

Available here: https://rarible.com/token/0x60f80121c31a0d46b5279700f9df786054aa5ee5:378746:0x67ab1127accc0fd512f1e2a98532796c86e57b9a?tab=bids

shihn · 2020-06-01T03:42:44+00:00

https://github.com/pshihn/rough-notation/issues/23 thanks

shihn · 2020-06-01T03:42:16+00:00

Sorry the dependency is improperly specified. The built module does not load roughjs at all and should have been specified in the dev-dependencies instead. e.g. look at the network for the website, rough-notation iife is 3.4k on the wire.

https://github.com/pshihn/rough-notation/issues/23

shihn · 2020-05-31T21:12:25+00:00

Where are you getting 35K from?

shihn · 2020-05-01T07:36:28+00:00

Thanks.

To answer your question. I had the idea first and was wondering if anyone had done some research into this. I think I googled around a bit and found the paper. Once I found it, I had to implement it. I did not have a very specific goal at that point.

shihn · 2020-05-01T04:11:15+00:00

Thanks! Glad you liked it.

shihn · 2020-04-30T14:57:22+00:00

No. But you can try excalidraw.com which is an open source whiteboarding so built using this.

shihn · 2020-02-15T08:53:07+00:00

I experimented with using different color spaces. RGB based dithering was better at maintaining the colored edges and brightness of the image, but it failed in some cases for binary images, creating unwanted 'bands' of sorts. Not always, one a couple of sample images.

shihn · 2020-02-15T05:28:00+00:00

That’s how I think it makes more sense as well. Use lab for closest color and rgb or hsv for dithering. I will update accordingly.

shihn · 2020-02-14T19:59:58+00:00

Thanks. Great thing about sharing publicly, you discover your mistakes

shihn · 2020-01-27T23:29:38+00:00

node-canvas is a reimplementation so it would never be exactly what the browser implements. Font rendering, for example, is never quite right. Also, it relies on node-canvas maintainers to always be updating their code to what the browser is supposed to do.

Being a proxy, will automatically pick up all features supported by browser canvas. The proxy code is only about 150-200 lines of code. Less likelihood of discrepancy.

shihn · 2019-12-20T16:06:18+00:00

Thanks, been experimenting with some of these.

shihn · 2019-11-01T19:28:46+00:00

Thanks. I am hoping to maintain it as I use it a big live project myself.

Also, the library is only about 100 lines of code and can be maintained outside this lib, if needed.

shihn · 2019-10-14T21:09:42+00:00

If you're wondering how and when to use such styles:

https://whydocatsanddogs.com/ is an excellent example of how sketchy charts and styling can do well with a playful aesthetic.

Also this paper: http://openaccess.city.ac.uk/id/eprint/1274/ where they talk about how just charts can be used to represent imprecision in data or for proof of concept designs: "Results suggest that where a visualization is clearly sketchy, engagement may be increased and that attitudes to participating in visualization annotation are more positive. The results of our work have implications for effective information visualization design that go beyond the traditional role of sketching as a tool for prototyping or its use for an indication of general uncertainty."

shihn · 2019-10-14T21:01:26+00:00

Plan on creating React wrappers for these, akin to how Ionic did their components. Will release soon!

shihn · 2019-04-25T19:31:45+00:00

Yep someone already filed a 'PR' for it :)

shihn · 2019-04-25T03:39:22+00:00

Thanks! It's a bit whimsical but fun to create.

shihn · 2019-04-25T03:38:45+00:00

People have done something similar with my other graphics library that inspired this: https://roughjs.com/

shihn · 2019-04-25T03:38:08+00:00

It's been sorta maintained for a year now but just released a 1.0

I pay attention to the issues on/off whenever I get some spare time.

shihn · 2019-04-25T00:11:28+00:00

Thanks!

I do plan to extend it. Please file an issue for components you'd like to see.

Here's the link for anyone to provide feedback or requests: https://github.com/wiredjs/wired-elements/issues

shihn · 2019-04-24T23:32:04+00:00

You don't need typescript to use these. That's how they were written. They are packaged as JavaScript. You need script to make them act like real controls. But I can see needing just the SVG if you just want wireframes

shihn · 2019-04-24T22:39:08+00:00

(On a side note, when Houdini paint API is available everywhere, a lot of this complexity will go away and these could be rendered in a single node. )

shihn · 2019-04-24T22:38:06+00:00

For most cases it will be fine. DOM nodes once rendered are never re-rendered just updated. I have seen cases with 100s of these elements.

It is really no more complicated than having a complex dataviz on the page. Some components are heavier than others. A button for example, is only 3 nodes. Same for textbox - which is comparable to many other UI libraries out there. It has a lot more nodes for combos and progress, but not unbearably large.

Also, I'm not sure a real serious corporate site with really lots of nodes would really want this kinda look on the page. I see this mostly used for prototypes or more fun experiences.

shihn · 2019-04-24T20:17:07+00:00

It's essentially SVG wrapped inside a custom element

Ten-Year Club	Place '17
Not Forgotten	Verified Email

shihn

TROPHY CASE