Isometrisch grid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior fullstack .NET developer @ Rotterdam

2021-05-12 iSense Medior fullstack .NET developer Medior fullstack .NET Developer ISAR49770 Organisatie Onze klant is een grote internationale speler. Ze investeren steeds in het uitbreiden van het analyse- en servicepakket om de klanten goed van dienst te kunnen blijven. Naast Nederland zijn er nog enkele andere locaties in Europa waar ze zijn gevestigd. IT is verspreid over alle vestigingen. Op elke locatie zijn Developers en System engineers aanwezig. Onze klant is marktleider binnen het gebied waarin zij actief zijn. Nu zijn wij op zoek naar verschillende developers, die er samen met het andere personeel, 110% voor willen gaan. Taken .Net

Bekijk vacature »

Back-end PHP Developer @ Alkmaar

2021-08-20 iSense Back-end PHP Developer Ben jij een developer die de volgende stap in zijn carrière wilt maken? Wijk jij niet uit voor precisie werk in een open en informele omgeving? Lees dan snel verder en reageer! ISCA41143 Organisatie Onze klant, gevestigd in de omgeving van Alkmaar, levert wereldwijd oplossingen op het gebied van IT. Dag in dag uit werken zij met veel passie aan hun product waarmee ze streven naar verbeteringen binnen zorg. Voor onze klant zijn we op zoek naar een medior PHP Developer. Je komt te werken in een organisatie met een open en informele sfeer. Het

Bekijk vacature »

Senior Software Developer @ Regio Den Haag

2021-08-16 iSense Senior Software Developer Heb jij ruime ervaring als Software developer en ben je toe aan een volgende stap in een coördinerende rol? Heb je ervaring met zelfontwikkelde software pakketten en maak je dit snel eigen? Dan is dit de vacature voor jou! ISBA49526 Nieuw Organisatie De organisatie waar je komt te werken is een enterprise omgeving waarbij IT een belangrijke rol speelt. Door de vele veranderingen in de markt waar zij op in moeten spelen, werken zij met innovatieve technologieën. Het team is erg stabiel en werkt continue aan het optimaliseren van de complexe omgeving, het implementeren van

Bekijk vacature »

Full Stack Developer PHP / MySQL

Over het bedrijf: Wij creëren ultramoderne digitale producten. Wil jij werken als Full Stack Developer? Heb jij ervaring met PHP? Vaste baan: Full Stack Developer PHP HBO 2.800 - 4.300 Full Stack Developer Bij ons is er een open cultuur met veel verantwoordelijkheid. We staan voor elkaar klaar, willen allemaal het beste voor onze klanten en zijn continu gericht op het verbeteren van processen en ons werk. Wij creëren digitale producten die intuïtief en boeiend zijn, maar ook de best mogelijke gebruikerservaring bieden voor de klant. Wij werken voor MKB klanten. We hebben veel verschillende projecten. Houd jij van afwisseling?

Bekijk vacature »

Processpecialist

Ben jij zo'n iemand die op een overvolle parkeerplaats altijd nog precies weet waar de auto staat? Ben jij degene die overzicht houdt, waar anderen door de bomen het bos niet meer zien? Wij zijn op zoek naar een processpecialist. In deze rol ga je aan de slag met de meest uiteenlopende vraagstukken over de hele organisatie. Je werkt veel samen met mensen, waarbij het jouw taak is om structuur aan te brengen in processen en oplossingen. Dit ga jij doen Als processpecialist ben je in staat om de vraag achter de vraag te doorgronden. Waar ligt de behoefte van

Bekijk vacature »

BI Developer / Oracle / Internationaal @ Utrecht

2021-08-16 iSense BI Developer Oracle Internationaal Ben jij op zoek naar een dynamische omgeving om als BI Developer aan de slag te gaan? Heb jij goede kennis van Oracle BI, Datawarehouses en Oracle Data Integrator (ODI)? En pas jij dit graag toe in een innovatieve omgeving waar je voldoende uitdaging zult vinden? Reageer dan nu! ISKL48194-2 Organisatie Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de

Bekijk vacature »

.NET Ontwikkelaar / Medior @ Regio Duiven

2021-06-07 iSense .NET Ontwikkelaar Medior Ben jij een C# Developer die binnen een innovatieve, logistieke organisatie wilt werken? Vind je het interessant om de door jou ontwikkelde software en code te koppelen aan complexe systemen en daarnaast de implementatie te begeleiden? Lees snel verder! ISK49485 Nieuw Organisatie Je komt als Ontwikkelaar te werken bij een organisatie die is gespecialiseerd in industriële automatiseringsoplossingen. De organisatie heeft al ruim 45 jaar ervaring met optimalisatie van processen binnen de industriële sector. De organisatie kenmerkt zich als innoverend, meedenkend en informeel. Binnen het team heerst er een positieve teamspirit met een gezonde dosis ondernemerschap

Bekijk vacature »

Java Developer Noord-Nederland

Heb jij een passie voor technologie en ben jij altijd al als eerste op de hoogte van ontwikkelingen en innovaties? Weet jij hoe je de verbinding moet maken tussen business en techniek? Dan ben je welkom bij ons! Wat ga je doen? Als Java developer bij CGI ga je deel uitmaken van de grootste en meest actieve Java community van Nederland. Je levert een bijdrage aan de technische realisatie van complexe systemen voor onze klanten. Hierbij maak je in eenvoudige taal aan de klant duidelijk welke softwareoplossingen op zijn of haar organisatie van toepassing kunnen zijn. Je weet voor onze

Bekijk vacature »

Systeembeheerder VMware

Senior Systeembeheerder VMware Opleidingsbudget van € 5.000,- Onze opdrachtgevers werken met de nieuwste technieken dus onze medewerkers ook. Daarom bieden we jou uitgebreide opleidingsmogelijkheden en ondersteunen we je maximaal in je ontwikkeling. We bepalen samen met jou een opleidingstraject want niemand wil stilstaan in zijn ontwikkeling, zeker niet in de IT. Wat mag je nog meer verwachten? Direct een arbeidsovereenkomst voor onbepaalde tijd Een salaris tussen de € 4.000,- en € 4.500,- bruto per maand o.b.v. 40 uur Diverse bonussen: 1800+ uur bonus Wervingsbonus, een waardebon naar keus, ter waarde van € 1.500,- netto Een onkostenvergoeding van € 100,- netto

Bekijk vacature »

Backend PHP Developer voor fris en modern bedrijf!

Bedrijfsomschrijving Werken aan toffe applicaties in een jong, fris en modern bedrijf? Dan is deze vacature zeker wat voor jou! Je komt hier terecht in een toffe scale-up met start-up mentaliteit. Samen met je collega's ga je werken aan online oplossingen. Denk aan maatwerk webapps, webshops en websites waar jij en je team volledig los mogen gaan. Op het moment werken er zo'n 80 man voor dit fullservice internetbureau maar de verwachting is dat dit ook in de toekomst verder zal groeien. Het is hier allemaal uitstekend geregeld, je krijgt goede spullen om mee te werken, je werkt in een

Bekijk vacature »

Frontend Developer

Hi! Do you want to have an impact on our fast growing digital business in more than 12 countries? And sell online products that contribute to the sustainable use of our scarce water resources? Convert design and your own ideas into code, so that our webshops become a little bit better every day? If so, we are looking for you! Frontend Developer in Veghel As an experienced frontend developer, you will ensure that good ideas are translated into functional code. You will build various webbased applications in close cooperation with colleagues from IT, E-commerce and external partners. We do this

Bekijk vacature »

Junior Software Developers gezocht!

Bedrijfsomschrijving Onze opdrachtgever is een bekende internationale speler binnen de branche waarin ze werken. Ze hebben vestigingen door heel Nederland maar de R&D afdeling is gelegen in het zuiden van Overijssel. Deze organisatie is voor hun klanten continu bezig om oplossingen te bedenken die bijdragen aan een duurzame leefomgeving. Om het IT team te versterken zijn ze op zoek naar een Junior Developer. Binnen het team zal je werken aan interne software oplossingen die gebruikt zullen worden door de gehele organisatie (in binnen- en buitenland). Functieomschrijving Je gaat hier werken met technieken als C#, ASP.Net en Javascript, hiermee ga je

Bekijk vacature »

C# Python Fullstack Developer / Grasshopper

Wie wordt jouw werkgever?: Wij bieden woningen en appartementen aan. Ben jij een ervaren fullstack developer? Heb jij ervaring met Grashopper? Vaste baan: C# Python Fullstack Developer Rhino 2.800 - 4.500 Fullstack Developer We leven het liefst in een huis waarin we ons onbezorgd en thuis voelen en waar genoeg financiële ruimte overblijft om leuke dingen te doen. Wij begrijpen dat. Bovendien gaan wij nog een stap verder: wij geloven dat een huis niet alleen gaat over het vinden van ruimte voor nu, maar ook over het behouden van ruimte voor toekomstige generaties. Ons doel? Een comfortabel leven voor vandaag,

Bekijk vacature »

Android Software Developer / Atlassian

Over het bedrijf: Wij zijn een grote speler binnen app development. Ben jij een ervaren Android Developer? Ben je een expert met Android architectuur? Vaste baan: Android Software Developer Kotlin 2.700 - 4.300 Android Developer Op dit moment zijn we een scale-up. We zijn een sterke speler binnen app development en zijn hard op weg om marktleider te worden. Wij bieden verschillende opleidings- en ontwikkelingsmogelijkheden binnen ons bedrijf, waardoor je de kans krijgt om door te groeien. Daarnaast hebben we een laagdrempelige en gezellige bedrijfscultuur. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe

Bekijk vacature »

PL/SQL ontwikkelaar

Bedrijfsomschrijving Mijn klant is gevestigd in Zwijndrecht en is een fullservice softwarehuis die verantwoordelijk is voor zowel het bepalen van de informatie behoeftes bij klanten, inhouse software ontwikkeling en de implementatie van deze software. Dit doen ze meer dan 20 jaar voor voornamelijk klanten binnen de logistieke sector. Functieomschrijving Ter uitbreiding is mijn klant op zoek naar een Oracle software programmeur die verantwoordelijk is voor de ontwikkeling van nieuwe producten. Daarnaast ben je ook betrokken bij interfaces. Je programmeert hierbij binnen PL/SQL en daarnaast wordt er binnen de organisatie ook gebruikt gemaakt van Application Express. Je werkt hierbij binnen een

Bekijk vacature »
Lord Gaga

Lord Gaga

02/09/2015 14:02:17
Quote Anchor link
Hallo,

Ik heb een isometrich grid bestaand uit 10x10 tegels van elk 64x32 pixels.
Nu zou ik graag willen dat wanneer men op dat grid klikt, er wordt gekeken op welke tegel precies wordt geklikt.

Op internet staan verschillende formules om dit te controleren, maar ik krijg er geen werkend.

Dit is de code zoals ik het nu heb:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
var onClick = function(event)
{
    for (var x = 0; x < Grid.width; x += 1)
    {
        for (var y = 0; y < Grid.height; y += 1)
        {
            var left = (((Grid.width * Grid.SQUARE_WIDTH) / 2) - (Grid.SQUARE_WIDTH / 2)) + ((y - x) * Grid.SQUARE_HEIGHT);
            var top = (((y + x) * Grid.SQUARE_HEIGHT) / 2);

            // Controle of event.x en event.y binnen de coordinaten van deze tegel vallen.
        }
    }
}


Grid.width is de breedte van het grid, weergegeven in tegels (10).
Grid.height is de hoogte van het grid, weergeven in tegels (10).
Grid.SQUARE_WIDTH is de breedte van een tegel, weergegeven in pixels (64).
Grid.SQUARE_HEIGHT is de hoogte van een tegel, weergegeven in pixels (32).

Zou iemand mij kunnen helpen met de formule en hoe ik die in deze situatie toepas?

Alvast bedankt!
Gewijzigd op 02/09/2015 14:12:25 door Lord Gaga
 
PHP hulp

PHP hulp

23/09/2021 22:38:44
 

02/09/2015 15:30:22
Quote Anchor link
Wat is het voor een grid? Canvas? En waarom bestaat het grid niet uit DOM-elementen waarbij je niet zelf aan het rekenen hoeft?
Gewijzigd op 02/09/2015 15:30:34 door
 
Lord Gaga

Lord Gaga

02/09/2015 16:06:30
Quote Anchor link
Het grid bestaat uit DOM-elementen. Maar dan moet ik alsnog de positie van elke tegel berekenen + zelf controleren of een tegel is aangeklikt.

Intussen zag ik dat event.x en event.y de posities zijn vanaf het scherm, en niet vanaf de parent. Ik heb deze toegevoegd aan de berekening en nu werkt het. :-)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var onClick = function(event)
{
    for (var x = 0; x < Grid.width; x += 1)
    {
        for (var y = 0; y < Grid.height; y += 1)
        {
            var left = (((Grid.width * Grid.SQUARE_WIDTH) / 2) - (Grid.SQUARE_WIDTH / 2)) + ((y - x) * Grid.SQUARE_HEIGHT);
            var top = (((y + x) * Grid.SQUARE_HEIGHT) / 2);

            var xRadius = Math.abs((event.x - editor.offsetLeft) - (left + (Grid.SQUARE_WIDTH / 2)));
            var yRadius = Math.abs((event.y - editor.offsetTop) - (top + (Grid.SQUARE_HEIGHT / 2)));

            var radius = (xRadius / Grid.SQUARE_WIDTH) + (yRadius / Grid.SQUARE_HEIGHT);

            if (radius <= 0.5)
            {
                var tile = document.createElement('div');
                {
                    tile.setAttribute('class', 'tile');

                    tile.style.setProperty('left', left + 'px');
                    tile.style.setProperty('top', top + 'px');
                }

                floor.appendChild(tile);

                return false;
            }
        }
    }
};
 

02/09/2015 16:08:52
Quote Anchor link
Mooi. Het helpt soms al als je het aan iemand uitlegt! :)
 
Eddy E

Eddy E

02/09/2015 16:20:08
Quote Anchor link
Waarom dat grid niet gewoon met HTML5 zelf tekenen?
Dan kan je gewoon iets als <span id="grid_h38_b83"> maken.

Met behulp van http://jdan.github.io/isomer/ moet dat niet moeilijk zijn...
Of via http://www.angrycoding.com/2011/04/isometric-grid-generator-based-on-html5.html ...
Gewijzigd op 02/09/2015 21:22:19 door Eddy E
 
Remco van der Velde

Remco van der Velde

03/09/2015 12:18:43
Quote Anchor link
Ik denk dat je te moeilijk denkt, als je toch dom elementen hebt in het grid, waarom geen bind click op zo'n dom element zelf, dan hoef je niet te gaan berekenen waar er en welk element via het grid wordt geklikt.
 
Lord Gaga

Lord Gaga

04/09/2015 10:20:49
Quote Anchor link
@Eddy: Dit is een simpele eindopdracht voor school (vak "DHTML") en daar gebruik ik liever DOM elementen voor.

@Remco: Dat werkt niet omdat die div'jes rechthoekig zijn en elkaar overlappen.
Gewijzigd op 04/09/2015 10:32:34 door Lord Gaga
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.