evangipson / tart

tart will use javascript and do it's best to generate you text art.

tart

tart will use javascript and do it's best to generate you text art.

tart Readme
Getting Started
Built With
Contributing
Versioning
Authors
License

Getting Started

If you want a local copy of tart, just fork the repository, and set this up in a folder somewhere on your computer, then open the index.html file in any browser.

Built With

• JavaScript
• CSS
• HTML
• Visual Studio Code
• Google Chrome

Contributing

Have a look at the issues with tart, and create a pull request containing your code so it can be reviewed be merged into the source!

I will run all new javascript through JSHint before merging into master.

Versioning

Chessy is maintained using a 3-digit versioning system, represented by:

[Major Version].[Minor Version].[Update]

For instance, the first stable build of tart is 1.0.0.

Authors

• Evan Gipson - Evan's Website

License

This project is licensed under the MIT License.

Copyright (c) 2016 EVAN GIPSON

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

tart's Issues

Using ECMAScript 6 for tart

Individual Features of ECMAScript 6 Consideration

Default Parameters

I say yes, after debating and looking here: http://kangax.github.io/compat-table/es6/

Base functionality of default parameters is already supported in Edge 13/14, Firefox 49 and Chrome54, and Opera 41. It isn't supported by Safari, and pretty much any mobile browser (except iOS10's browser, oddly enough).

Maps/sets

Map: Every key must be unique in the entire key/value collection ("Map").
Set: Every value must be unique in the entire key/value collection ("Set").

I vote yes, since these are supported in my target browsers (Chrome, Opera, Firefox, Edge).

Weakmaps/weaksets

From the ECMAScript website itself:

WeakMap and WeakSets are intended to provide mechanisms for dynamically associating
state with an object in a manner that does not “leak” memory resources if, in the
absence of the WeakMap or WeakSet, the object otherwise became inaccessible and
subject to resource reclamation by the implementation’s garbage collection mechanisms.
Achieving this characteristic can be achieved by using an inverted per-object mapping
of weak map instances to keys. Alternatively each weak map may internally store its key
to value mappings but this approach requires coordination between the WeakMap or
WeakSet implementation and the garbage collector.

I vote no, I won't need this probably.

Typed Arrays

Promise

Symbol

Conclusion

I'm just going to do it because I'm not super concerned about this running well on phones. It'll be interesting to see how it fails on mobile and safari.

Create CSS rules in javascript instead of CSS

I'd like to generate some colors, or at least pick from a curated list, and randomize some times, directions, and stuff like that.

Thought: Do I really even need classes here? Couldn't I just randomly apply CSS to every element?

Create animations in javascript instead of CSS.

Maybe use something like this: http://stackoverflow.com/questions/18481550/how-to-dynamically-create-keyframe-css-animations.