Neue Fragen mit dem Tag «canvas»

Insgesamt gefunden 150 Fragen

0
Bewertungen
1
Antwort
54
Ansichten

Ordnen Sie die Indizes der Kacheln im Array basierend auf der Flusskarte neu an

Dies ist Teil einer HTML5 Canvas / Javascript-App. Dieses Javascript zeichnet ein Schachbrett zusammen mit Pfeilen, um die Richtung festzulegen, in der die Fliesen fließen. Das Ziel ist es, dass der Kachelindex der Flusskarte folgt, beginnend bei 1, wo das "O" gezeichnet wird, und endet mit der letz...
fragte whoismikesmith vor 11 Monaten

2
Bewertungen
2
Antworten
86
Ansichten

JavaScript-Flut füllen

Ich habe versucht, eine sehr einfache Farbflut-Füllung zu implementieren, um etwas mit Javascript zu experimentieren. Alle Kommentare zum Code sind willkommen, aber ich interessiere mich besonders für die Leistung, da sie etwas langsam erscheint. Die Browser-Tools sagen mir nur, dass es anscheinend...

2
Bewertungen
0
Antworten
91
Ansicht

Einfaches Sprungspiel: Fahren Sie mit Jquery fort oder wechseln Sie zur HTML5-Leinwand.

Ich programmiere zum Spaß mit dem geheimen Ziel, ein lustiges kleines Spiel für Handys zu machen. Also begann ich mit Javascript und jQuery dieses kleine Sprungspiel zu bauen. Das Spiel stützt sich bei den Animationen stark auf css-Transformationen. Auf diese Weise ist es nicht notwendig, die harte...

4
Bewertungen
1
Antwort
76
Ansichten

Sierpinskis Dichtungsdreieck in JavaScript

Ich habe das Sierpinski-Dichtungsdreieck in JavaScript geschrieben, aber ich glaube, dass der Code besser sein kann, vor allem von L32 bis L47 . Könnten Sie es besser organisieren? var canvas = document.getElementById('chaos'); var ctx = canvas.getContext('2d'); const GenerateRand = () =>...
fragte Zeyad Etman vor einem Jahr

4
Bewertungen
0
Antworten
100
Ansichten

Zwei spieler schlange spiel

Ich habe ein 2-Spieler-Schlangenspiel aus meiner ursprünglichen Version mit einem Spieler erstellt. Ich bin auf der Suche nach Feedback, wie ich es gemacht habe. Ich denke, ich könnte eine Verbesserung beim Umgang mit Input ( Snake.handle) verwenden. Manchmal fühlt es sich an, als ob die Eingabe nic...

1
Bewertungen
2
Antworten
80
Ansichten

Die Drahtgitteranimation auf der Leinwand ist langsam

Ich arbeite kürzlich an einem Projekt, das Animationen im Hintergrund beinhaltet. Es funktioniert gut auf dem Desktop, aber die Leistung fällt auf dem Handy drastisch ab. Ich verwende Paper.js, um ein SVG zu importieren und zu animieren. Dies ist die Demo . paper.project.importSVG(svg, function(ite...

4
Bewertungen
0
Antworten
86
Ansichten

JavaScript Canvas Snake-Spiel

Dies ist mein 3. JavaScript-Canvas-Spiel. Es ist im Grunde nur eine Schlange, aber ich plane, bald weitere Aspekte hinzuzufügen. Ich habe mich gefragt, ob ich etwas Feedback bekommen könnte, insbesondere darüber, wie ich prüfe, ob sich die Schlange in der gameFunktion kreuzt . class Block {...
fragte All Knower vor einem Jahr

1
Bewertungen
2
Antworten
79
Ansichten

Eine Funktion, die Arrays von Video-Miniaturansichten mithilfe der Leinwand generiert

Ich habe gerade meine erste Version einer Funktion fertiggestellt, die eine Reihe von mit Canvas erstellten Video-Screenshots zurückgibt. Was ich suche, sind Möglichkeiten, diese Geschwindigkeit so weit wie möglich zu verbessern. Ich möchte die Ergebnisse fast sofort anzeigen können. Ja, das sollte...
fragte Vera Perrone vor einem Jahr

5
Bewertungen
1
Antwort
183
Ansichten

Rendern der Explosion von springenden Bällen auf einer Leinwand

Ich baue eine Partikel-Engine, die neue Explosionen erzeugen kann, während Partikel von vorherigen aktiv bleiben (bis sie verschwinden). Der Code funktioniert gut für sich, aber innerhalb des Spiels verursachen zwei oder mehr aktive Explosionen auf einmal Stottern, insbesondere bei Laptops, die ein...

-1
Bewertungen
1
Antwort
237
Ansichten

Eine einfache Paint-Anwendung in kleinere Klassen aufteilen

(Sorry, dies ist ein wiederholter Beitrag. Ich hatte mich bei meiner ursprünglichen Frage nicht angemeldet und kann nicht antworten.) Ich habe derzeit einen Arbeitscode für eine einfache Malanwendung, aber er ist alles in einer Datei und sehr lang. Ich bin nicht sicher, wie ich den Code in kleinere...

2
Bewertungen
2
Antworten
545
Ansichten

Javascript: Canvas-Zeichnung - Speichern von Mauskoordinaten

Ich habe eine kleine JS-Anwendung, mit der ein Benutzer nach Anklicken einer Leinwand ein Bild zeichnen kann. Sobald der Benutzer mit der Maus klickt, kann er die Maus an eine beliebige Stelle innerhalb der Zeichenfläche ziehen, und eine Linie wird von der Stelle aus gezeichnet, an der sie die Maus...
fragte Delfino vor einem Jahr

3
Bewertungen
0
Antworten
156
Ansichten

Sierpinski-Dreieck-HTML-Canvas-Implementierung

Ich habe meine Sierpinski Triangle- Fraktal-Animation mit HTML-Canvas mit Js: JsFiddle geschrieben Code: requestAnimationFrame(update); const canvas = document.getElementById("c"); const context = canvas.getContext('2d'); var iterations = 0; //how many iterations to perform in current frame, cou...
fragte Tomek vor einem Jahr

6
Bewertungen
3
Antworten
413
Ansichten

Mein neu geschriebenes Schlangenspiel in Javascript

Dies ist ein Schlangenspiel, das ich vor etwa einem Monat geschrieben habe. Es funktioniert gut. Auf der Suche nach Anregungen für meinen Code möchte ich meine Codierung verbessern. jsfiddle link http://jsfiddle.net/geswhvdc/ /*snake game by Chase last edited 4/5/2018*/ /*lib*/ let getRandom...

3
Bewertungen
0
Antworten
37
Ansichten

NRRDs, Bilder und Namen von Teilen und Segmenten werden geladen

Ich erstelle ein Programm, um NRRDs anzuzeigen, die ein Format für medizinische Bilder sind. Außerdem wird eine Galerie mit Miniaturansichten geladen, in denen jede Miniaturansicht einen Link zum Ändern der ausgewählten NRRD hat. Außerdem gibt es links unten eine Liste mit einer Liste der verschiede...

10
Bewertungen
1
Antwort
194
Ansichten

Schlange in einem Flugzeug

Mein Code verwendet ein Canvas-Element, um ein Live-Schlangenspiel in einem Flugzeug zu erstellen! <!DOCTYPE html> <html id="game"> <head> <title>Snake!</title> </head> <body> <canvas id="canvas" width="400" h...
fragte FreezePhoenix vor einem Jahr

2
Bewertungen
3
Antworten
620
Ansichten

Zeigen Sie Tausende / Millionen verschiedener Hintergrundbilder an

Helfen Sie mir bitte, diesen Code zu überprüfen. Ich möchte in der Lage sein, Tausende / Millionen verschiedener Bilder als HTML-Hintergrund zu laden, ohne den Browser zu stürzen oder zu verlangsamen. Die Bilder können dynamisch erstellt oder mit ihrem Ordner verknüpft werden. Ich konnte dies für b...

4
Bewertungen
0
Antworten
59
Ansichten

Verändere dieses Pong-Spiel, um eine intelligentere KI einzubetten

Ich bin ein Neuling in der Spieleentwicklung und habe es mir zur Aufgabe gemacht, eine Pong-Replik aus Neugier und Interesse an diesem Bereich zu erstellen. Ich habe mich entschieden, es in JavaScript zu schreiben, weil das Spiel nicht zu arbeitsintensiv ist. Ich habe es speziell zu Bibliothekszweck...
fragte Shawn31313 vor einem Jahr

-1
Bewertungen
1
Antwort
165
Ansichten

Verbesserung des Vorrendings der Leinwand

Ich definiere meine Leinwand wie Sie es normalerweise tun würden, aber ich füge auch eine Reihe verschiedener provisorischer Leinwände hinzu: var graphicOne = document.createElement("canvas"); var graphicOneDraw = graphicOne.getContext("2d"); // etc... (eg. graphicTwo) Dann rendere ich alle dies...
fragte Will Pierce vor einem Jahr

2
Bewertungen
0
Antworten
156
Ansichten

Inventar und Statistiken für ein Spiel mit Tkinter

Es ist eine Inventar-Benutzeroberfläche und zeigt auch die Statistiken des Spielers an. Ich programmiere seit einem Jahr oder länger und möchte meinen Code verbessern. import Tkinter as tk import copy class InvBox: def __init__(self, world, party1data, extract_func, *arg, **kwarg): #...

5
Bewertungen
1
Antwort
479
Ansichten

JavaScript-Grafikrechner

Ich habe einen ziemlich funktionalen JavaScript-basierten Grafikrechner. Funktionen wie \ $ \ space tan (x) \ $, \ $ \ space \ frac {1} {tan (x)} \ space \ $ und \ $ \ space x ^ {hoch \ space number} \ space \ $ look komisch jedoch, weil das Intervall, das es darstellt, nicht klein genug ist. Wenn...
fragte Carson vor einem Jahr

4
Bewertungen
2
Antworten
177
Ansichten

Lorentz Attractor-Visualisierung mit funktionaler Programmierung

Ich habe an der Lorenz Attractor-Visualisierung für den vergangenen Tag gearbeitet. Ich versuche momentan auch, meinen Codierstil in einen funktionaleren Programmierstil umzuwandeln. Ehrlich gesagt, finde ich es ziemlich schwierig, vor allem die "Nur reine Funktionen verwenden". Regel. Das bedeutet...

2
Bewertungen
0
Antworten
86
Ansichten

App mit einer Willkommensseite mit dem Bild eines Tieres

Ich habe eine App, die eine Begrüßungsseite mit dem Bild eines Tieres anzeigt. Außerdem können wir zu einer zweiten Ansicht navigieren, in der zwei Arbeitsflächen vorhanden sind, und zu einem reduzierbaren Fenster, in dem die Eingaben der Steuerelemente untergebracht sind. Das Ziel der Anwendung wä...

1
Bewertungen
1
Antwort
57
Ansichten

Anzeigeklasse, die einen Canvas in einem JFrame enthält

Ich benutze diese Klasse schon so lange, ich habe nie darüber nachgedacht, wie schrecklich groß und wie schlecht sie aussieht. Wenn man darauf zurückblickt, sieht diese Klasse so veraltet aus und nichts erklärt sich von selbst. Ich möchte, dass es viel besser aussieht, nicht mit all dem zusätzlichen...
fragte The Magician vor 2 Jahren

1
Bewertungen
1
Antwort
524
Ansichten

Lesen Sie eine Bilddatei in eine Leinwand und zeigen Sie die Klickkoordinaten an

Ich bin ein Anfänger in JavaScript, das ich seit Sommer letzten Jahres studiere. Der Zweck meines Codes besteht darin, eine Datei aus dem Datei-Explorer zu lesen und dieses Bild in eine Leinwand zu legen. Außerdem gibt es Code, mit dem die Klicks der Handle-Canvas-Oberfläche zulässig sind, damit Be...

2
Bewertungen
2
Antworten
230
Ansichten

Zeichnen eines Schlosses und von Türmen mit acm.graphics

Der folgende Code ist meine Lösung aus Übung 10 von Kapitel 5 von The Art and Science of Java . Daher muss ich hier mit ACM-Programm und Grafiken ein Schloss mit zwei Seitentürmen und drei anderen aufeinander folgenden Türmen in einiger Entfernung vom Hauptgebäude (Schloss und seine beiden Seitentür...
fragte Κωνσταντίνος Κορναράκης vor 2 Jahren

10
Bewertungen
2
Antworten
418
Ansichten

Implementiere ein Tetris-Spiel in JavaScript mit HTML5 Canvas

Ich habe gerade ein Tetris-Spiel geschrieben und möchte erfahrene Leute nach einer Codeüberprüfung fragen, insbesondere in Bezug auf Codeeffizienz und schlechte Codiergewohnheiten und ob der Code leicht zu begründen ist. Hier ist die Github Repo, und hier können Sie spielen das Spiel. (function (u...

2
Bewertungen
1
Antwort
439
Ansichten

Eine einfache JavaScript- und HTML5-Canvas-Zeichnungskomponente

Ich schreibe zum ersten Mal ein Vanilla JS Plugin. Ich habe versucht, ein einfaches HTML5-Zeichnungsskript zu erstellen. Ich habe versucht, sowohl Berührungs- als auch Mausereignisse auf der Leinwand zu behandeln. Helfen Sie mir bitte, auf die Fehler oder wahrscheinlichen Fehler hinzuweisen, die v...

7
Bewertungen
1
Antwort
303
Ansichten

Noch ein flappy Vogelklon

Dies ist mein erstes Spiel und ich möchte meine Codierfähigkeiten wirklich verbessern. Bitte überprüfen Sie meine Flappy Bird-Clone-Implementierung und lassen Sie mich wissen, wie sie optimiert werden kann, sowie weitere Coding-Tipps. var canvas = document.getElementById("canvas"); var ctx = canvas...
fragte Sfaxi Med Amine vor 2 Jahren

2
Bewertungen
1
Antwort
3777
Ansichten

Bearbeiten von Bildern und Text auf einer Leinwand mit Fabric.js

Ich habe eine kleine Anwendung, mit der ein Benutzer Objekte auf einer Leinwand mit fabric.js bearbeiten kann. Ich bin neu bei JS und Fabric.js, und ich hoffe, dass ich eine Anleitung dazu bekomme, wie ich diesen Nesser schreiben könnte: var canvas = new fabric.Canvas('c', { preserveObjectStack...
fragte code forever vor 2 Jahren

0
Bewertungen
1
Antwort
69
Ansichten

Ausführen der Zeichenanimation ohne Auswirkungen auf den anderen JavaScript-Code

Es scheint so zu sein, dass die Canvas-Animation bei der Verwendung andere JavaScript-Funktionen beeinflusst window.onload = function() {. Bitte lassen Sie mich wissen, wie Sie Animationen verwenden können, ohne dass anderes JavaScript davon betroffen ist. window.onload = function() { //canv...