Isometrisch grid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# .NET Developer Coördinator

Bedrijfsomschrijving Als Ontwikkelaar kom je te werken bij een internationale organisatie die zich heeft gespecialiseerd binnen de machinebouw. Totaal wereldwijd bestaat de organisatie uit meer dan 1500 werknemers en bevinden de klanten zich over de hele wereld. Met hun machines worden de klanten kwalitatief sterker en staat innovatie voorop bij de medewerkers. Op het hoofdkantoor dat gevestigd is in Nederland werken ongeveer 300-400 man en daar zal jij ook terechtkomen. In deze functie houd je je bezig met de software die wordt ontwikkeld op de productiemachines en systemen. In deze rol heb je een dubbele functie: je werkt zoveel mee

Bekijk vacature »

SAP Insurance DevOps Consultant

SAP Insurance DevOps Consultant Functiebeschrijving: Do you want to design, implement and drive unique SAP Insurance solutions which have direct impact on our customers? Do you have experience with the latest cutting-edge SAP Insurance modules and developments in an agile environment? Your day-to-day activities CGI is looking for an all-round agile SAP Insurance DevOps Consultant with a focus on FS-CD (Collections and Disbursement) and FS-CM (Claims Management) and/or FS-PM (Policy Management). As a SAP Insurance DevOps Consultant you are responsible for translating business requirements into sound SAP Insurance solutions. Knowledge of the integration between the Insurance modules and other technologies

Bekijk vacature »

Senior C# developer

Samen met het development team zorg je ervoor dat alle systemen achter de schermen vlekkeloos werken. Hoe word ik C# Developer bij Coolblue? Als C# developer doe je regelmatig mee aan brainstormsessies over user experience, data en task flow met de UX Designer, Product Owner en Data Scientist in je team. Daarnaast schrijf je op zichzelf staande, consistente en testbare code die goed onderhoudbaar en toekomstbestendig is. Ook C# developer worden bij Coolblue? Jonne legt je uit hoe je dat doet. Dit vind je leuk om te doen Werken met verschillende soorten data-opslag, zoals Oracle of Dynamo/Cosmos. Problemen oplossen met

Bekijk vacature »

Software Developer- C++

Software Developer- C++ EXCITING NEW OPPORTUNITY FOR A LEADING CLIENT DESIGNING AND DEPLOYING SOFTWARE! Must be fluent in Dutch and English Zeist based client Software Developer- C++, GIS Competitive Salary To apply please call 020 800 4990 or email widdowson@searchability.com We are a highly respected and professional software house who create bespoke software solutions for a niche sector. Due to a period of growth we’re looking for a talented C++ Developer to join the team in Zeist. Sourced by: @SearchabilityEU– your 24/7 twitter feed of latest IT vacancies across Europe WHO ARE WE? With a passion for software for over

Bekijk vacature »

Junior Integratie Specialist

Ben jij net afgestudeerd en op zoek naar een startersfunctie? Heb je affiniteit met zorg en ICT en ben je analytisch sterk? Dan zijn wij voor onze vestiging in Amsterdam op zoek naar jou! Als Junior Integratie Specialist zorg jij dat de systemen en apparatuur van externe leveranciers en instanties naadloos communiceren met ons ZIS/EPD (zorginformatiesysteem/elektronisch patiëntendossier). Jij helpt ChipSoft met het bouwen aan duurzame informatie-uitwisseling in de zorg. Jouw baan Informatie-uitwisseling in de zorg is essentieel om de patiëntzorg te verbeteren. Als Junior Integratie Specialist ondersteun en adviseer jij de klant (veelal ziekenhuizen) om een perfecte communicatie tussen de

Bekijk vacature »

C# developer gezocht (distributed systems, SOA, NS

Ben je een C# developer met een oplossingsgerichte mentaliteit en op zoek naar een veelzijdige baan binnen een kleinschalig dynamisch bedrijf, waar je mee kunt denken in het groter geheel? Waar je met mensen komt te werken die betrokken zijn en een gemeenschappelijk gevoel van verantwoordelijkheid hebben? En waar je werkt aan schaalbaarheidsuitdagingen zodat jouw software grote hoeveelheden data kan verwerken? Nieuwsgierig? Lees dan verder! Voor een Rotterdams bedrijf zijn we op zoek naar een enthousiaste, en met name leergierige, full stack developer of een web developer die graag full stack wil worden. Het bedrijf biedt geavanceerde technische oplossingen die

Bekijk vacature »

Solution Developer Power BI Python

Data Engineer Power BI Python SQL DAX (Azure) Full-time Location: Rotterdam Contract Duration: 6months (temp or freelance) Background The Integrated Operations Benelux team consist of various roles that make Excellent Execution a success. One of these roles is a (contract) role of a Business Solutions Developer. Less time spent on Running the Business to reinvest in Growing the Business whilst Improving Customer and Employee Satisfaction is the vision of Integrated operations. Integrated Operations brings Customer Development, Supply Chain and Sales within Benelux together in realizing excellent execution. The 4 principles driving Integrated Operations are: end 2 end ownership, maximized automation,

Bekijk vacature »

Azure DevOps Engineer

AzureDevOps Engineer Functiebeschrijving: Loop jij ook altijd met je hoofd in de Cloud? En weet jij met jouw kennis en ervaring innovatieve en betrouwbare Cloud omgevingen te realiseren? Dan zit je goed bij CGI! Wat ga je doen? Als AzureDevOps Engineer help je onze klanten om hun bestaande applicaties te moderniseren en deze te migreren en aan te sluiten op de private- of public Cloud. Samen met collega’s binnen het DevOps team geef je antwoord op complexe Cloud vraagstukken en ben je verantwoordelijk voor de geautomatiseerde releases van een veilige IT infrastructuur van onze klanten. Wat breng je mee? Je

Bekijk vacature »

Applicatie- en werkplekbeheerder ICT

Loop jij warm voor alles met betrekking tot ICT en sta jij stevig in je schoenen? Weet jij al veel van applicatie- en werkplekbeheer en wil je ervaring opdoen? Ben je op zoek naar een ideale (volgende) stap in een internationale werkomgeving? Dan is deze functie echt iets voor jou! Applicatie- en werkplekbeheerder ICT Functieomschrijving: Als applicatie- en werkplekbeheerder ICT heb je een afwisselende baan. Je bent het eerste aanspreekpunt voor licenties en doet het contractbeheer voor de applicaties die bij ASTRON gebruikt worden. Daarnaast installeer, configureer, beheer en onderhoud je Windows en Mac OS werkplekken. Ook verzorg je de

Bekijk vacature »

Software Engineer

Passie voor code, droom jij ’s nachts je bugs weg, is coderen je hobby en je werk. Dan ben jij de perfecte kandidaat voor onze e-ICT afdeling in Doetinchem! Wat ga je doen? Als Software Engineer ben je met jouw scrumteam van A tot Z betrokken bij het (door)ontwikkelen van de software. Je maakt daarbij gebruik van de nieuwste technieken waaronder o.a. Azure, .Net core, Docker en werkt aan mooie producten zoals RFID, microservices, Apps en een integratieplatform gebaseerd op Azure technologieën. Dit alles doe je volgens de Agile-methodiek en bent naast de dagelijkse stand-up betrokken bij de reviews, sprintplanning

Bekijk vacature »

IT-Traineeship junior software ontwikkelaar

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Erv.Software Ontwikkelaar voor slimme oplossingen

Dutch is mandatory for this position. Ervaren Software Ontwikkelaar voor slimme oplossingen binnen de Transport & Logistiek (C#.NET/Azure/65K/R’dam) Jij gaat samen met collega’s (complexe) logistieke vraagstukken oppakken, met als doel slimme software oplossingen te bedenken en te ontwikkelen. Een maaltijd box leverancier van Nederland was op zoek naar een oplossing om hun logistieke processen te optimaliseren en de klantervaring te verbeteren. Hiervoor is een app gebouwd die het hele distributie proces inzichtelijk maakt van magazijn tot bezorger, en van klantenservice tot aan klant. Je kan zien waar welke bezorger zich bevind, maar ook welke tempratuur de producten op dat moment

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

Project Management Ondersteuner (PMO) - Publieke V

Functiebeschrijving: Ben jij een betrokken PMO professional die de klant ondersteunt, ontzorgt en van aanpakken weet? Een echte meedenker die ziet wat er moet gebeuren en snel actie onderneemt? In deze uitdagende rol ben je mede verantwoordelijk voor de realisatie van complexe projecten en oplossingen binnen het veiligheidsdomein. Wat ga je doen? Als Project Management Ondersteuner (PMO) zorg je voor een goede en kwalitatieve projectadministratie. Je werkzaamheden zullen bestaan o.a. uit: Het bewaken van de richtlijnen van issuemanagement voor de projecten; Het assisteren van de projectmanagers bij het opstellen van de projectplanningen en communicatieplannen en het bewaken hiervan; Het inbedden

Bekijk vacature »

Software Consultant Financieel

Software Consultant Financieel Volg jij liever de veranderingen in de financiële wet- en regelgeving dan een spannende Netflix-serie? En zet je die laatste veranderingen met veel plezier om naar gebruiksvriendelijke software voor zorgorganisaties in de caresector? Jouw baan Actuele wetten en regels vertalen in concrete ICT-oplossingen? Dat doe jij. Cursussen geven aan zorgprofessionals? Check! Een verpleeghuis of GGZ-instelling adviseren en ondersteunen? Ook dat is jouw job. Je bent de onmisbare schakel tussen onze ontwikkelaars en de eindgebruikers van onze software. Al jouw activiteiten zijn volledig gericht op de financiële processen binnen care-organisaties. Jouw team Software Consultant Financieel ben je niet

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

27/01/2021 01:20:21
 

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.