Forum guitare

Salut à tous !


Je voudrais vous faire découvrir un petit programme en ligne, qui permet de créer des playbacks simples à partir d'une grille d'accords, d'y ajouter un thème, et de dessiner des gammes d'improvisation qui s'enchaînent sur un manche.

Il est développé par mes soins, quand mon emploi du temps le permet. Je n'en tire aucun bénéfice autre que la satisfaction d'offrir un outil pour travailler à ceux que ça peut aider.



L'idée est de pouvoir facilement apprendre des gammes, des grilles d'accords, de travailler l'harmonie, d'affiner son oreille, ou simplement de s'amuser avec le programme.
Il n'y a pas d'aide à proprement parler, simplement un cadre qui donne des informations sur l'élément survolé. Le fonctionnement est assez simple pour quelqu'un qui a déjà eu un ordinateur entre les mains, ce que je tiens pour acquis si vous lisez ceci.

Il y a déjà une cinquantaine de morceaux disponibles que nous avons faits avec un ami (qui a justement suscité l'idée au départ), libre à vous de rajouter vos créations pour que les suivants en profitent !
Sachez que vous pouvez faire un solo en passant la souris sur le manche pendant le playback. C'est fun !


C'est une version alpha que j'aimerais bien améliorer encore, donc toutes les idées sont les bienvenues (comme... lui trouver un nom !)
Le graphisme évoluera quand un autre ami graphiste trouvera le temps de s'en occuper. Pour le moment c'est plutôt moche. Chacun son truc...

voici le lien



Musicalement,
Yanmarqui

Hey!

C'est sympa comme idée, je viens de faire un tour rapide sur le site, ça à l'air plutôt bien fait! Il faudra que je pousse mon exploration un peu plus loin mais ça m'a l'air plutôt bien parti!

Cool, merci de regarder !
Hésite pas à enregistrer si tu fais une session sympa, qu'on en profite !

Pas de souci!

J'essayerai d'enregistrer un ou deux backing track pour des morceaux connus!

Il faut que je teste ça dès que je rentre chez moi. Ça a l'air d'un super outil de travail sur le papier. Merci pour l'idée et le partage !

Tu as développé en quel langage, par curiosité ? (on ne se refait pas)

Salut !
C'est 100% html5, j'ai tout fait avec jquery. J'ai trouvé un plugin très réactif pour l'audio (ion.sound).
Le séquençage est géré avec des timeout, à l'ancienne !
Ca marche bien avec les 3 grands navigateurs (je n'ai pas testé avec safari)

Merci pour ton intérêt

Yanmarqui a écrit :Salut !
C'est 100% html5, j'ai tout fait avec jquery. J'ai trouvé un plugin très réactif pour l'audio (ion.sound).
Le séquençage est géré avec des timeout, à l'ancienne !
Ca marche bien avec les 3 grands navigateurs (je n'ai pas testé avec safari)

Merci pour ton intérêt

C'est pas du HTML5 alors si c'est tout en JQuery

Très bel outil, ça va me servir aussi

Ahah ok !
Je connais pas trop le formalisme exact pour les langages, j'ai appris tout seul... Spontanément j'aurais dit que c'était de html 5...
Mais soit, alors c'est pas en html5, c'est 100% en jquery, ça me dérange pas

Enjoy !

Yanmarqui a écrit :Ahah ok !
Je connais pas trop le formalisme exact pour les langages, j'ai appris tout seul... Spontanément j'aurais dit que c'était de html 5...
Mais soit, alors c'est pas en html5, c'est 100% en jquery, ça me dérange pas

Enjoy !

C'est parce que moi c'est mon métier, du coup ça m'a sauté aux yeux

HTML est un langage, au même titre que ses collègues comme le PHP, JQuery, AJAX, CSS, LESS ... Autant de langage qui peuvent travailler mains dans la main sur une page web, mais qui ont leur "monde" et leur syntaxe propre, même si certains se rejoignent (tu peux très bien définir des styles CSS en Javascript par exemple)

Tu risques d'être choqué par certaines parties du code si c'est ton métier ! M'enfin ça marche, c'est le principal.
Disons que mon truc est en html+css+javascript, c'est juste de dire ça ?

Du coup hésite pas si tu as des idées pour améliorer les performances...

Yanmarqui a écrit :Tu risques d'être choqué par certaines parties du code si c'est ton métier ! M'enfin ça marche, c'est le principal.
Disons que mon truc est en html+css+javascript, c'est juste de dire ça ?

Du coup hésite pas si tu as des idées pour améliorer les performances...

Oui c'est plus juste de le dire ainsi

Sans avoir les codes sources ça va être dur d'évaluer les perfs, mais je vais jeter un oeil

Salut
Je trouve ton idée originale, et ton partage sympathique.
Le problème de tous ces logiciels est leur ergonomie, ou plutôt leur absence d'ergonomie, et lorsque le logiciel grandit, ile devient vite une usine à gaz compliquée.
Avant de développer de nouvelles fonctionnalités, regarde si tu ne peux pas simplifier ton interface. Sinon, ce n'est plus de la ziq qu'on fait, mais de l'informatique.
Ce que tu as développé ressemble en fonctionnalités à BIAB (band in a box) dans les années 90
C'est une bonne référence quand on regarde leur logiciel aujourd'hui

Salut,

Je suis d'accord avec toi, la multiplication des fonctions amène autant (sinon plus) de problèmes que de solutions à l'utilisateur.
La fonction que je trouve "centrale" dans ce programme est la possibilité de dessiner ce qu'on veut sur des manches qui apparaissent successivement pendant le play-back. Ca permet vraiment d'explorer ou de trouver de nouvelles pistes pour les solos. C'est aussi pratique pour apprendre des grilles d'accords enrichis spécifiques.

On peut assez rapidement se créer une grille en écrivant les noms des accords, et le programme lance tout de suite un play-back en noires et montre les arpèges des accords qui défilent sur le manche.

Il faut toujours faire un arbitrage entre l'automatisation (qui impose de rester dans un certain cadre d'utilisation déterminé) et la souplesse (qui "dilue" les fonctions principales).
J'essaie toujours de faire en sorte que ça reste à la fois utile, utilisable et appropriable, tout en restant dans la "doctrine" de faire un système simple pour travailler sur la base d'une grille d'accords et d'un manche dynamique. La partie compliquée se trouve en fait dans les onglets d'édition de la session (les 4 premiers), l'onglet "pimp" est assez simple finalement. Pour quelqu'un qui utilise une session existante sans l'éditer, c'est pas sorcier.

Le graphisme va changer grâce à un ami graphiste, qui me sert accessoirement de beau-frère, ça devrait mettre de l'ordre dans les fonctions et les rendre plus compréhensibles. Je garde l'idée de simplifier l'interface derrière la tête !

Merci pour ton retour, et pour la comparaison à BIAB des années 90 !!!

Au plaisir d'écouter tes productions !

Salut
Franchement sympa ton site, j'ai regardé vite fait, mais j'y reviendrai.
J'aime beaucoup le concept, merci du partage.

merci pour le lien, je vais tester ça.

Jquery ? je connais pas, c'est du jaja ? j'ai jamais testé le vava, me suis arreté aux C et C++, l asm 68K et MIPS et OpenGL.

Laurent

Salut,
jQuery c'est une librairie javascript, c'est très simple à utiliser (plus que le javascript natif en tout cas).
Par contre pour les autres langages dont tu parles, je n'en connais que le nom, et encore pas tous !

Merci de regarder !

bon, ça m'a filé l'envie de me taper besame mucho.....

par-contre, tes timing tu les sorts d'ou ? timer ? software ? parce-que c'est pas très précis

c'est dommage, je trouve ça super bien fait, et malgré que ça demande des finitions, ça promet vraiment d’Être très très sympas !!!!

tu peu corriger facilement sans refondre tout le code ?

Laurent

dimebag a écrit :merci pour le lien, je vais tester ça.

Jquery ? je connais pas, c'est du jaja ? j'ai jamais testé le vava, me suis arreté aux C et C++, l asm 68K et MIPS et OpenGL.

Laurent

C'est pas des langages destinés à faire la même choses, ceux avec lesquels tu bosses (C, C++, Java ...) c'est des langages pour faire des applis et autres, et ça fonctionne essentiellement en orienté objet.

Le Javascript et JQuery, c'est des langages qui sont fait entre autre pour manipuler un DOM (le squelette de ton site). La programmation Web et la programmation d'appli ça se rejoint par moment, mais c'est tout de même deux monde assez différents par la manière de créer, de fonctionner et tout simplement par son support

C et C++, l asm 68K et MIPS et OpenGL.

ben C et C++ c'est le language C, c'est "simple", structuré, très efficace en terme de qualité de code, si bien écris et si le gus connais bien sont compilateur et ou sont environnement de développement

par exemple, Mipspro de chez Silicon Graphics ben c'est a des années lumiéres plus efficace que GCC.....

l'asm 68k et MIPS, et bien ce sont des language d'assemblage, ou language machine, le plus bas niveau, c'est tres complexe, mais si le gus qui code est tres fort , c'est extremement rapide, le connaitre pour optimiser du code , des portions dite critique sont un plus, les compilateurs C font en general bien leur travail, mais il arrive d'etre "obligée" de jetter un oeil au code assembleur généré pour l'optimiser à la main.

68k c'est l'asm des processeurs de la generation des motorola 68000,68020 etc.... c vieux, mais c'est hyper utilisé et les MIPS c'est sur les processeurs de la marque MIPS de la generation des R3000 jusqu'au R16000 , utilisé principalement chez silicon graphics.

OpenGL c'est un Language, en fait une API, une extention de language pour faire simple, c'est une bibliothéque d'instruction specifique aux cartes graphiques sous OpengL, tu peu l'utiliser dans plusieurs language, mais peu importe, la syntaxe reservé a l'OpengL restera la meme, ça te permet de creer des objects, des scenes et des interractions en autre, nombre jeux et logiciel pro en 3d en font usage.

c'est tres complexe a utiliser car proche du materiel !!!

voila

en esperant eclairer ta lanterne

Laurent

Oui je peux corriger facilement, le code est relativement bien compartimenté.

Le séquençage est fait avec des timeout à chaque "tic" (la plus petite subdivision dans l'onglet rythme), qui eux mêmes lancent un ou deux (binaire/ternaire) timeout plus courts pour les notes plus rapides de la mélodie ! Du grand art !
Mais ce n'est pas la partie javascript qui pèse sur les performances.


Ce qui est assez long et pas encore optimisé, c'est l'affichage de beaucoup d'éléments à l'écran (sur les grosses sessions) combiné avec les animations css pendant le play-back, par exemple les bordures qui deviennent noires sur l'accord en cours, ou le fond gris sur les tablatures.
Si tu vas dans un des 3 derniers onglets par exemple pendant la lecture, tu auras de meilleures (bonnes) performances de lecture.

Je dois trouver le moyen d'optimiser le "reflow", c'est à dire quand le navigateur doit recalculer tout le flux à cause de modifications css. Après je ne comprends pas bien ce qu'il se passe parce que changer la couleur d'une bordure ou d'un fond ne modifie pas le placement des éléments, donc les navigateurs ne sont pas censés devoir faire un reflow...


Bref en tout cas j'ai de la marge pour optimiser.

Salut !

On a enfin fait une petite vidéo qui explique rapidement (5mn) comment ça marche et à quoi ça peut servir.

Tous les commentaires sont les bienvenus !

La vidéo
Elle est aussi disponible dans l'onglet "aide"

La vidéo est très claire sur les concepts et les buts de l'appli... et ça a l'air vraiment sympa ! Chapeau !

Edit : [...] ..

Je vais creuser un peu

Cool !

Oublie pas qu'il y a un cadre d'aide qui donne des infos sur l'élément survolé, ça peut aider.

Et hésite pas à sauvegarder tes créations en ligne, c'est fait pour ça !

Oui, j'ai mis min ébauche mais je la continuerai

ça à l air hyper top ton site , je dis chapeaux et respect pour ta création j'avoue qu en plus d être utile c est distrayant !