P2P OSC Communication
$ yarn install
If you use Yarn:
yarn electron:serve
or if you use NPM:
npm run electron:serve
With Yarn:
yarn electron:build
or with NPM:
npm run electron:build
non-local jamming through OSC and WebRTC
P2P OSC Communication
$ yarn install
If you use Yarn:
yarn electron:serve
or if you use NPM:
npm run electron:serve
With Yarn:
yarn electron:build
or with NPM:
npm run electron:build
Watch vuex - catch vuex state changes
https://dev.to/viniciuskneves/watch-for-vuex-state-changes-2mgj
Only not to forget how to...
https://zellwk.com/blog/looping-through-js-objects/
https://marozed.ma/vue-cheatsheet/
https://medium.freecodecamp.org/learn-these-javascript-fundamentals-and-become-a-better-developer-2a031a0dc9cf
Essential:
https://github.com/colinbdclark/osc.js
https://nklayman.github.io/vue-cli-plugin-electron-builder/
https://www.udemy.com/vuejs-2-the-complete-guide
https://github.com/robinvdvleuten/vuex-persistedstate
https://console.firebase.google.com/project/deslugarejo-db
"oficial" vuex example
https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart
vue literature
https://medium.com/vuetify/productivity-in-vue-part-1-de56e9c1d97d
I consider change from swarm-wrtc to that:
https://github.com/mattkrick/fast-rtc-swarm
https://pfrazee.hashbase.io/blog/hyperswarm
Yep. Do iT!
Generators will make possible to generate OSC inside the app
Use D3, P5js, NexusUi, WebGL and alike
Check https://www.youtube.com/watch?v=a2jhqi3_Cdg&list=PLCxzy-hmQq9ECHOwbRrbBx0VEoqWM02CA&index=11&t=0s
There should be a minimal template all commented and explained.
Maybe would be good to have a repo only for them where people could send theirs. Would be wonderful if they did it!
Specially joinedIn
Like in https://qiita.com/rubytomato@github/items/78087a2c69389f642760
Make a view to have this documentation
OSC capable apps are: Wekinator, A.Live (Max4Live) , SuperCollider, Tidal, ChuCK, PD, OpenFrameworks, MaxMSP, Arduino, SonicPi... what else?
Test with as much of those as possible.
reference for Max4Live: https://help.ableton.com/hc/en-us/articles/209071389-Controlling-Live-with-Max-for-Live-Lesson-1
Do a better sync between SignUp
, LogIn
, LogOut
(check
https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c
https://medium.com/js-dojo/vue-authentication-with-firebase-ui-3610ef7f89ee
)
Fix MenuItems and Name - Login - Logout behaviours and appearance in NavBar
LogIn Redirect to SignUp if the user has never signed up with a warning about that
Add created channels to db under user. Dont't show them in Join Channel. Clear them when logging out and fetch them when logging in.
Make LogIn code
Create a tour (that can be skipped) for the first time a user enter the app
Better responsiveness
Better JoinChannel design
Show all Created Channels in one page or one Created Channel with more details
Check:
https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs
After last refactor from nuxt to VCP-E-B I can't see what msgs are coming or going.
Since the refactoring from Nuxt to VCP-electron-builder swarm is not working.
Do it in the same fashion of OSC stuff > Vuex style.
Route params from msg-in to msg-out of another channel(s)
This implies in some Vuex coding and better manipulation of msgs-in-out in Channel.
Indexes of incoming msgs should be kept
Change addresses from msgs-in in order to send them all to the desired application and don't have naming collisions.
Use this: https://next.vuetifyjs.com/en/components/tooltips
It should be possible to be turned on and off
About should contain all the inspiration, thoughts, references and the rationale about the app
Settings are to turn tooltips on and off, clear all cache, set as the first time entered again
Help should have the usual "how to do sutff", some guiding and a FAQ (imaginary as starter). Generators should have special attention.
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.